前端H5開發遇到的問題--雙擊頁面放大


html5默認允許用戶縮放頁面,如果需要禁止縮放,需要將user-scalabel=0設置。

解決辦法:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

該meta標簽的作用是讓當前viewport的寬度等於設備的寬度,同時不允許用戶手動縮放。

其中:

maximum-scale為允許用戶的最大縮放值,

user-scalable為是否允許用戶進行縮放,yes(默認)代表允許,no(0)代表不允許,

兩者結合使用可以阻止頁面被放大(經測試,少一項都達不到效果)

摘自禁止html5手機端雙擊頁面放大的問題


免責聲明!

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



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