html - 当页面宽度改变时，移动 safari 页面会放大

Question

我正在开发一个旨在在移动 safari 上运行的网络应用程序。当程序的某些功能处于事件状态时，页面会放大，迫使用户捏合缩小以查看全部内容。我正在使用用于控制页面缩放的元标记:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

有什么办法可以解决这个问题吗？

Answer 1

你要找的是 user-scalable=no

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

Determines whether or not the user can zoom in and out—whether or not the user can change the scale of the viewport. Set to yes to allow scaling and no to disallow scaling. The default is yes.

developer.apple.com - Meta Tags