mobile - 元视口(viewport)在移动设备上打破捏合/缩放

标签 mobile viewport

我正在开发一个移动网站,该网站需要允许用户通过捏合来缩放页面。当我在下面添加 meta viewport 标签及其许多变体时,页面不允许缩放。

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

如果我一起删除标签,我会得到允许缩放的页面,但是它的初始缩放级别非常小,几乎不可读。是的,我知道我允许用户缩放,但初始页面应该对大多数人来说是可读的,而不是像现在这样大约 5px 字体大小。任何关于视口(viewport)设置问题需要解决的帮助都会很棒。

最佳答案

我从未见过“用户可扩展”的值为“1”。我相信它的默认设置是打开的,所以请尝试一起删除该部分。

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

关于mobile - 元视口(viewport)在移动设备上打破捏合/缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13014834/

相关文章:

android - 多个手机警报,一个覆盖另一个。哪个警报先于?怎么运行的?

javascript - 计算 slider 的视口(viewport)高度

html - 邻居之间的垂直边距不一致

javascript - 使 Canvas 视口(viewport)移动和放大(slither.io)

jquery - 检测哪个 View 在移动设备上处于事件状态

javascript - HTML5移动摄像头捕捉

mobile - 如何在Web服务器上检测移动客户端?

jquery 移动自定义 css?

css - 在 Safari/Chrome 中缩放时,body 和 html 不会缩放到视口(viewport)之外

HTML 包装器未正确填充页面