一、瀏覽器

首先要考慮的是瀏覽器。瀏覽器是所有頁面運(yùn)行的環(huán)境。從圖像上講，網(wǎng)站是內(nèi)容物，瀏覽器是存儲(chǔ)內(nèi)容物的容器。所有網(wǎng)頁都必須通過瀏覽器運(yùn)行，因此網(wǎng)頁設(shè)計(jì)的第一步是了解瀏覽器pc有5種常用的瀏覽器，而手機(jī)上有30種瀏覽器軟件。但需要注意的是，許多瀏覽器并不是一個(gè)完全獨(dú)立的瀏覽器，其中許多只是基于相同的瀏覽器，特別是AndroidWebKit只是不同版本。

手機(jī)上有四種類型的瀏覽器:內(nèi)置瀏覽器、下載瀏覽器、代理瀏覽器和WebView。目前安卓和IOS它占據(jù)了移動(dòng)終端的大部分市場(chǎng)。因此，為了減少工作量，我們可以首先確保Android和布局設(shè)計(jì)IOS其他瀏覽器可根據(jù)實(shí)際情況和成本進(jìn)行操作。

二、視覺

響應(yīng)性網(wǎng)站設(shè)計(jì)的另一個(gè)關(guān)鍵點(diǎn)是視角。視角的概念不是我們所理解的設(shè)備的屏幕尺寸。屏幕尺寸是設(shè)備的物理顯示區(qū)域。視角是指瀏覽器窗口中的內(nèi)容區(qū)域，但不包括標(biāo)簽欄、工具欄等。網(wǎng)頁的實(shí)際顯示區(qū)域是視角。在桌面瀏覽器中，只有一個(gè)視角，即瀏覽器窗口。手機(jī)上有以下三個(gè)視角：

1.布局視圖:與移動(dòng)瀏覽器屏幕寬度無關(guān)，僅限CSS的布局。

2.理想視野:蘋果首先引進(jìn)的設(shè)備布局視野尺寸最理想，瀏覽閱讀寬度最理想。

3.視覺視覺：當(dāng)用戶看到網(wǎng)站區(qū)域時(shí)，用戶可以縮放視覺視覺。

響應(yīng)式布局最基本的工作是將布局視角的大小設(shè)置為理想視角。

三、媒體查詢

所謂的媒體查詢實(shí)際上是CSS中的if它允許我們根據(jù)設(shè)備顯示器的特性設(shè)置特定的句子CSS樣式。通過適當(dāng)?shù)拿襟w查詢，可以很容易地根據(jù)設(shè)備屬性改變頁面內(nèi)容的顯示模式。

真正的響應(yīng)式設(shè)計(jì)方法顛覆了我們當(dāng)前的網(wǎng)頁設(shè)計(jì)方法。熟悉以上三個(gè)方面意味著你有設(shè)計(jì)響應(yīng)式網(wǎng)站的基礎(chǔ)，可以進(jìn)一步學(xué)習(xí)。