看到乙個更加合理的適配方案，強烈推薦viewport — vw,vh方案。下面的方案可以廢棄了。
1、移動端的響應式布局主要用到rem，並且rem要跟隨頁面的尺寸改變而不斷調整，兩者缺一不可。
2、本文沒有採用flexible方案，該方案主要是使用js監聽window的size，進而改變rem數值；
3、採用rem+vw是當前比較合適的解決方案；
// 對應750px稿圖
html
// 尺寸過大的相容方案
@media
(min-width
: 560px)
}
假如是375px稿圖，則是26.66666666vw，此時html的font-size也是100px
postcss-pxtorem配置如下：
1、新建postcss.config.js檔案；
2、新增如下**：
module.exports =
}}
移動端響應式布局
1.快捷鍵 meta vp tab鍵 2.viewport視口 width device width 設定視口的寬度等於裝置的寬度，如果不設定的話，缺省視口寬度為980px。通俗的理解 我們這個操作其實就是告訴當前的瀏覽器按照多少寬度來渲染頁面，換句話說，就是展示當前這個頁面的區域一共有多寬 瀏覽器...
移動端響應式布局基礎
搭建乙個h5頁面，我們需要在head中新增乙個meta標籤 快捷鍵 meta vp tab鍵 width device width 設定視口的寬度等於裝置的寬度，如果不設定的話，缺省視口寬度為980px。通俗的理解 我們這個操作其實就是告訴當前的瀏覽器按照多少寬度來渲染頁面，換句話說，就是展示當前這...
移動端與響應式布局
瀏覽器切換裝置步驟 f12開啟控制台，如圖 viewport只針對於移動端，pc端無效 viewport content width device width,initial scale 1.0,maximum scale 1.0,user scalable 0 content的配置 width d...