響應式網站是“響應”訪問者正在使用的平臺。最常見的是屏幕或瀏覽器大小。例如，如果瀏覽器寬度小于一定大小，則該網站可以編程為在一列中顯示所有內容 - 有效地創建了移動優化的網站。

當Google開始考慮到2015年4月21日網站是否針對移動搜索進行移動設備優化時，許多網站所有者自然開始考慮使自己的網站響應。

如果您在大多數情況下正在委托一個新網站，那么您的開發人員將使網站具有反應性，除非有充分的理由不要因為訪問臺式計算機上的網站現在只能代表部分潛在流量。

無論您是否擁有在響應需求之前構建的舊站點，或者您正在構建新站點的過程是一樣的（盡管后者比前者更節省時間）。

當您查看網頁時，您實際上會將兩種不同的內容整合在一起：內容和風格。內容是HTML（超文本標記語言），風格是CSS（級聯樣式表）。

在響應式網站中，內容實際上并沒有改變（有時會顯示/隱藏小部分，但不需要陷入困境）。

然而，CSS的一部分可以被設置為僅在滿足某些規則時才能啟動; 瀏覽器或屏幕大小在介紹中提到。有許多類型的規則，如高度，方位和像素密度（用于視網膜顯示）。

使站點響應的核心是遍歷每個頁面，并創建規則和樣式，以便站點在特定條件下進行格式化。通常這是基于任意的移動，平板電腦和桌面平臺。

除此之外，由于空間有限，導航更改為使用較少頁面的格式。例如，導航項目可以轉換為下拉菜單，菜單可以隱藏在屏幕之外，并通過按鈕顯示/隱藏。

最后，圖像需要優化，因為浪費帶寬，以在移動設備上顯示巨大的桌面圖像。相反，移動圖像將在大型桌面顯示器上看起來像素化。

所有這些都不是特別困難，但是它們在大型網站上可能是耗時的。此外，測試過程更長，因為您需要嘗試在多個設備上的所有內容。