正確設置:瀏覽器
<meta name="viewport" content="width=device-width,initial-scale=1.0">
即窗口的大小是設備物理寬度(分辨率 / devicePixelRatio),而且禁止縮放。二者一塊兒使用。width設置瀏覽器可視寬度,initial-scale設置可視區域縮放級別。注意中間是逗號分隔。若寫成分號則後面的無效。scala
content屬性值 :code
width:可視區域的寬度,值可爲數字或關鍵詞device-width height:同width intial-scale:頁面首次被顯示是可視區域的縮放級別,取值1.0則頁面按實際尺寸顯示,無任何縮放 maximum-scale=1.0, minimum-scale=1.0;可視區域的縮放級別, maximum-scale用戶可將頁面放大的程序,1.0將禁止用戶放大到實際尺寸之上。 user-scalable:是否可對頁面進行縮放,no 禁止縮放
當頁面單位用了rem
,initial-scale
必須爲1.0,不設置或者設置不正確致使rem
渲染不正常。rem