这是在Android Chrome浏览器上处理视口元标记的问题（未在其他浏览器中测试过）。
我想要一个可以缩小的网页，而不仅仅是放大。
如果我使用它：
<meta name="viewport" content="width=device-width, initial-scale=0.5">
我可以缩小到0.5（并且0.5是＆＃39;缩放，正如我预期的那样）
但如果我使用它：
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5">
我无法缩小超过初始比例。
我是否误解了初始规模的含义？
答案 0 :(得分：2)
浏览器不会让您缩小内容宽度。您无法缩小以查看“超出”内容的内容。
由于您指定了width=device-width，因此该页面将使用您的设备宽度作为布局宽度。比如说，你有一个400px宽的屏幕。如果不为您的元素提供明确的大小（例如width: 1000px），则您的内容将为400px宽。因此，您可以缩小到的最小比例因子是1（400px / 400px）。如果添加的元素为width: 800px，则内容现在为800px宽，因此最小比例为0.5。
所以你需要扩大你的内容。要么明确地扩大您的内容，要么在元标记中使用明确的宽度，例如<meta name="viewport" content="width=800, initial-scale=1">。
另请注意，如果没有初始缩放，浏览器会将页面加载到最大缩小范围。