h5裏viewport設置

正確設置:瀏覽器

<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 禁止縮放

當頁面單位用了reminitial-scale必須爲1.0,不設置或者設置不正確致使rem渲染不正常。rem

相關文章
相關標籤/搜索