我正在我的网页上使用这段代码
<meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
我认为初始缩放比例应该确保网页被缩小了，但实际上并没有。有什么想法吗？
我尝试过这个：
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
但是，我需要将宽度设置为1000像素，否则它看起来不正确。
<meta name="viewport" content="width=1000; user-scalable=0;" />
initial-scale=1.0 表示让浏览器将缩放级别设置为正常（即未缩放或放大）。您只需要使用width=1000：
<meta name="viewport" content="width=1000">
试试这个：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
或者
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
在我的情况下，我只需要添加以下代码就可以成功停止屏幕缩放，无需任何额外的代码。
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 结果是在移动设备上加载页面时会缩放，但您可以缩小并且它会完美匹配。通过删除 initial-scale=1.0，画布被缩放以适应可用宽度，游戏不会出现问题。 - José Rasmussen我也认为视口是问题所在，但测试后发现视口并不是问题所在。
在我的情况下，问题出在CSS方面：固定宽度或宽度为100％而不是自适应宽度。因此，如果您发现视口不是问题所在，则很可能是CSS导致的问题。
希望这可以帮助您！
以上的答案都没对我起作用，但我最终找到了答案。
初始meta标签有一个初始缩放比例为1。
要加载网站而不放大页面，您需要将初始缩放比例从1更改为0。
<meta name="viewport" content="width=device-width, initial-scale=0, maximum-scale=1">
答案已经在我们正在使用的网站上。
如果您检查StackOverflow并查找其metaviewport，您将会看到：
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
因此，您正在设置宽度和高度，取决于屏幕的宽度和高度（以CSS像素为单位，缩放比例为100%）。 initial-scale属性控制页面首次加载时的缩放级别。 最后，minimum-scale是视口的可选属性，它定义了网站用户能够执行的最小缩放。
我尝试过使用
<meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
看起来我的网站确实在比例为1时呈现为1000像素宽。然而，由于我的手机屏幕没有足够的空间来显示网站，导致网站超出了视口范围，从而产生了网站被放大的感觉。
设置此值会使网站以缩小的形式呈现为1000像素宽：
<meta name="viewport" content="width=1000">
这是你遇到的问题吗？
顺便说一句，1000像素对于移动网站来说有点宽，但我猜这个网站最初并不是为移动设备设计的？
我过去也遇到过类似的问题。这个方法每次都对我有效。 试试这个：
<meta name="viewport" initial-scale=1.0 content="width=device-width" />
meta元素具有name和content属性，而initial-scale=1应该作为content属性的一部分，作为逗号分隔的值之一，而不是作为自己的属性。 - undefined我的问题是因为我在CSS中添加了body的min-width属性。当我将其删除时，它就可以正常工作了。
body
{
padding: 0;
margin:0;
min-width: 800px;
color: black;
}