最開始提出響應式網站設計概念的是Ethan Marcotte，他把當時被大眾所廣泛使用的三種網站開發模式全部統合起來，最后形成了響應式的網站設計方式。建立響應式網站的影響因素有很多，下面就以影響響應式網站設計的三個重要元素為例做一個詳細的介紹。

1、 瀏覽器的適配

如果網站的內容是容器里的水，那么瀏覽器就是容器，所以網站設計是一定要考慮瀏覽器因素的。而PC端與移動端的瀏覽器有很多種，但大部分瀏覽器都是基于一種或者兩種基礎瀏覽器而搭建的外殼。所以在設計響應式網站的時候只需要能夠兼容這一兩種瀏覽器的基礎語言就基本能夠兼容大部分瀏覽器了。

2、 視窗

響應式網站設計還需要考慮瀏覽器的視窗，視窗是整個瀏覽器的內容展示區域，它不包括菜單欄、工具欄等欄目。PC端與移動端的瀏覽器有著完全不同視窗分類，PC端只有一種，而移動端卻有三種，它們分別是布局視窗、理想視窗和視覺視窗。把布局視窗設為理想視窗的尺寸是響應式網站布局的最基本的工作。

3、 媒體的查詢

CSS的if語句就是響應式網站設計的媒體查詢，它能夠使網頁根據顯示器的不同而設定不同的CSS樣式。這樣在進行媒體查詢的時候，就可以很方便地在不同的顯示器和不同的瀏覽器上來自適應內容的顯示方式。以上就是影響響應式網站設計的三個基礎元素。