下面一段代碼給大家介紹了html5添加禁止縮放功能,具體代碼如下所示:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
ps:禁止Html5在手機上屏幕頁面縮放
最近測試html5頁面,發(fā)現(xiàn)默認都允許用戶縮放頁面,或者在屏幕雙擊放大或縮小。即相當于這樣設置
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />
如果要禁止此情形,修改相應參數(shù)即可。
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
總結
以上所述是小編給大家介紹的HTML5添加禁止縮放功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!