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

1、 瀏覽器的適配

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

2、 視窗

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

3、 媒體的查詢

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