h5里viewport設置


正確設置:

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM