原因:苹果觉得点击输入框放大是一个“很好”的体验,就擅自把页面给放大了,单纯的用 meta 禁止页面放大是没有用的,可以使用下面方法解决。
通过 mate 设置:
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
说明:
apple-mobile-web-app-capable
删除苹果的默认工具栏和菜单栏。
content
默认值为 no
,即正常显示。如果设置为 yes
,Web应用会以全屏模式运行,可以通过只读属性 window.navigator.standalone
来确定网页是否以全屏模式显示。