現在移動端裝置千差萬別，用一套樣式已經很難滿足需求，先從簡單的樣式大小類說起，小屏手機整體偏小，大屏樣式整體偏大，即根據螢幕大小自適應調整整體樣式的大小。
第一反應，用rem，給定乙個base，這個base（一般是指html的font-size值）在程式最開始，根據螢幕大小設定好，剩下的樣式大小設定都是根據這個base轉化成對應rem值，那麼所有的樣式也就基本達到自使用了，給出一段設定base的js**（基於14px設計）
window.onload = () =>之後發現有乙個外掛程式postcss-px-viewport，webpack類打包工具中配置後設計的初始值，它將自動根據螢幕的大小，生成對應比例的樣式，所有的樣式只需按設計初始值給出，就用對應px不需要轉換。
module: ),
require('autoprefixer')()]}
}]
}
移動端網頁大小自適應方案
優點 寬度之間無縫銜接，操作起來也相對比較方便。缺點 字型大小需要另外一套自適應方法來調整 當螢幕寬度大於700px後，繼續按照百分比元素會偏大，這個時候調整起來會比較麻煩。優點 可以根據不同螢幕寬度來設定，可以完美解決上面說的螢幕偏大時的比例問題。字型的大小也不存在問題。缺點 根據寬度區間來設定，...
移動端自適應方案 rem布局
1 什麼是rem rem font size of the root element 是乙個相對單位，它是根據根元素 html 的font size大小來計算的，如根元素字型大小為10px，那麼1rem 10px em font size of the element 也是乙個相對單位，它是根據父元...
移動端自適應
1 js動態設定html的字型大小 var clientwidth 0 if document.documentelement.clientwidth 600 else document.documentelement.style.fontsize 50 clientwidth 375 px win...