響應式網站是一種能夠自動適應不同屏幕大小和設備類型的網站。根據實現的方式和技術，可以將響應式網站分為以下幾種類型：

彈性布局(Flexible Layout)：使用相對單位(如百分比)來設置元素的寬度和高度，使得網站能夠根據屏幕大小自動調整布局。這種方式常用于簡單的網頁設計。

媒體查詢(Media Queries)：通過CSS3中的媒體查詢功能，根據不同的屏幕尺寸和設備類型，應用不同的樣式規則。媒體查詢可以針對不同的屏幕寬度、高度、屏幕方向、設備類型等進行定制化樣式的應用。

彈性圖片(Flexible Images)：通過設置圖片的最大寬度為100%或使用CSS中的max-width屬性，使得圖片能夠自動縮放適應不同屏幕大小，避免圖片在小屏幕上過大顯示。

響應式導航(Responsive Navigation)：通過使用折疊、隱藏或改變布局的方式，使得網站的導航菜單能夠在小屏幕上展示為便于觸摸操作的菜單，提升用戶體驗。

斷點(Breakpoints)：通過設置斷點，即在不同屏幕尺寸上改變布局和樣式，以適應不同的設備類型。通過斷點可以實現適配移動設備和桌面設備的不同布局。

以上是常見的響應式網站建設的類型，根據具體的需求和設計，可以綜合運用不同的技術和方法，實現一個良好的響應式網站。