正確設置:
<meta name="viewport" content="width=device-width,initial-scale=1.0">
即窗口的大小是設備物理寬度(分辨率 / devicePixelRatio),並且禁止縮放。兩者一起使用。width設置瀏覽器可視寬度,initial-scale設置可視區域縮放級別。注意中間是逗號分隔。若寫成分號則后面的無效。
content屬性值 :
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
渲染不正常。