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)代表不允許,
兩者結合使用可以阻止頁面被放大(經測試,少一項都達不到效果)