移动端meta viewport会破坏手指缩放功能

4

我正在开发一个移动端网站,需要允许用户使用捏合手势来缩放页面。当我加入以下meta标签(以及多种变体)时,页面无法进行缩放。

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

如果我完全删除标记,页面将允许缩放,但它的初始缩放级别非常小,几乎无法阅读。是的,我理解我正在允许用户缩放,但初始页面应该对大多数人可读,而不是像现在这样的5px字体大小。希望能提供有关视口设置需要什么问题的任何帮助。
1个回答

1
我从未见过"user-scalable"的值为"1"。我相信默认情况下它是开启的,所以尝试完全删除该部分。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接