即兼容各種工作量大效率低加載時(shí)間長(zhǎng)的設(shè)備但是很好學(xué)讀完下面的代碼，你會(huì)page 寬度960px 高度1000px 邊距0自動(dòng)背景#CCC *設(shè)備的最大寬度為960像素* 媒體屏幕和最大寬度960像素 頁(yè)面。

3寫(xiě)Media中的代碼 以某個(gè)網(wǎng)頁(yè)的響應(yīng)式布局為例 結(jié)構(gòu)@media設(shè)備類型and 設(shè)備特性｛樣式代碼｝ *媒體查詢* *當(dāng)頁(yè)面大于1200px時(shí)，大屏幕，主要是PC端* media minwidth 1200px *在992 和1199。

1選定基本設(shè)計(jì)尺寸，一般以1080為基準(zhǔn)確定響應(yīng)式web設(shè)計(jì)的應(yīng)用場(chǎng)景之后，和美工或設(shè)計(jì)師溝通，之前，一般需要美工出幾套主流移動(dòng)設(shè)備屏幕分辨率的設(shè)計(jì)圖，現(xiàn)在，使用流式布局以及rem等可以使用一套設(shè)計(jì)圖，以最常用的。

響應(yīng)式布局最簡(jiǎn)單的就是用css3來(lái)實(shí)現(xiàn)我舉一個(gè)最簡(jiǎn)單的例子下面是html代碼lt！DOCTYPE html index01 第一 第二lt。

想要網(wǎng)頁(yè)寬度自適應(yīng)，需要把網(wǎng)頁(yè)元素寬度設(shè)置為百分比，還要在網(wǎng)頁(yè)頭部加上代碼圖片自適應(yīng)，且不超過(guò)原始大小，需要設(shè)置最大寬度，代碼如下img width100% maxwidth100%改進(jìn)功能 瀏覽器首次使用時(shí)，根據(jù)用戶顯。