这是在我的 Android Chrome 浏览器上处理视口元标记时出现的问题（未在其他浏览器中测试）。
我想要一个可以缩小的网页，而不仅仅是放大。
如果我用这个：
<meta name="viewport" content="width=device-width, initial-scale=0.5">
我可以缩小到 0.5 的比例（0.5 是“初始”缩放，正如我所期望的那样）
但如果我用这个：
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5">
我无法缩小到超过初始比例。
我是否误解了初始规模的含义？
浏览器不允许您缩小到超出内容宽度的范围。您无法缩小以查看“超出”您的内容的内容。
既然你指定了width=device-width，页面将使用您的设备宽度作为布局宽度。举例来说，您有一个 400 像素宽的屏幕。没有给你的元素明确的大小（例如width: 1000px），您的内容将为 400px 宽。因此，可以缩小的最小比例因子为 1 (400px / 400px)。如果您添加一个元素width: 800px，内容现在的宽度将为 800px，因此最小比例将为 0.5。
所以你需要让你的内容更广泛。要么明确地使您的内容更宽，要么在元标记中使用明确的宽度，例如<meta name="viewport" content="width=800, initial-scale=1">.
另请注意，如果没有初始缩放，浏览器将加载尽可能缩小的页面。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
