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

1、 瀏覽器的適配

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

2、 視窗

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

3、 媒體的查詢(xún)

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