為了讓我們用html5畫出來的介面在各種移動端都可以自適應比例，我們採用頁面尺寸樣式採用rem布局，以適應各種移動終端的顯示。
假如我們以蘋果6寬度畫素的尺寸作為標準——750，以750設計稿為例。
第一步：設定初始rem
html替換設計稿中的px為rem，注意rem=px/100，即font-size: 12px，需要寫成font-size: .12rem，其他寬度、高度、間距等同理。由於rem是相對於根節點元素大小的單位，遂當裝置寬度改變時，採用rem布局的大小均會跟隨相同比例變化，從而實現整體縮放。
若是低版本的裝置不支援rem，那麼就需要js來處理一下：
document.documentelement.style.fontsize = window.innerwidth/7.5 + 'px'rem布局實現不同解析度移動終端的自適應 整體縮放
現在手機螢幕解析度越來越多，但我們的需求比較唯一 最佳視覺。當使用者瀏覽網頁時，根據螢幕的尺寸，來向使用者展示更適合使用者的布局 文字 按鈕等等，因此，rem應運而生。rem font size of the root element 是指相對於根元素的字型大小的單位。一旦根節點html 定義的 f...
rem的「解析度」
rem的 解析度 html的font size 由於各大瀏覽器的最小字型大小不一，谷歌12px，ie ff更小，所以一般認為網頁最小字型大小為12px 但事實上，用rem作為單位時，有些小數是不能精確計算 人為或瀏覽器解析 的 比如，padding bottom 3rem 當html的字型大小為12...
css判斷不同解析度顯示不同寬度布局實現自適應寬度
charset utf 8 無標題文件title abc media screen and min width 1201px css 注釋說明 設定了瀏覽器寬度不小於1201px時 abc 顯示1200px寬度 media screen and max width 1200px 設定了瀏覽器寬度不大...