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

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

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

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

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