• 切换模式
  • 返回顶部
  • 返回
  • 首页

移动端H5页面禁止缩放了,在浏览器上仍然可以缩放

在手机中,不管是浏览器还是微信:都属于APP以webview加载打开H5页面<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 这句话,虽然是禁止缩放但是在手机平台上的浏览器中页面仍然能够缩放APP中都强制双指缩放了大概意思就是webview被重新设置了可以支持缩放所以,在网页加载时你配置的 meta 是无效的需要在webview被重新设置之后,你在设置 meta 才行.所以我在网页最底部这样写(引入了JQ).$('head').append('<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />'); 建议加个延迟,自己调整.

发表于 : 2018-04-23   ·  3705 人浏览
Hawk
Hawk

Hawk

别固执的认为某事必须 !

热门标签
  • 软件
  • Windows
  • Python
  • PHP
  • centos7
  • centos
  • python3
  • Nginx
  • MySQL
  • IP
  • DNS
  • WordPress
  • django
  • typecho
  • Win10
关于站长
  • 358534040
  • dyhawk@qq.com
  • Github.com/DYH89
2015 - 2025 Hawk. All Rights Reserved.
鄂公网安备42900402000705号 鄂ICP备14018555号-8号