我在我的网页上使用这个代码
<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"/>
但是，我需要将宽度设置为1000px，否则它看起来不正确。
答:
<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" />
我也认为视口是问题，但经过测试后，我认为视口不是问题。
在我的例子中，问题是CSS: fixed width，或width: 100%而不是width: auto。所以，如果你发现viewport不是问题，那么CSS可能是你的下一个猜测。
希望有帮助!
在我的例子中，我可以通过添加以下代码成功地停止屏幕缩放，而不需要额外的代码。
<meta name="viewport" content="width=device-width">
答案已经在我们正在使用的网站上了。
如果您检查元素StackOverflow并查找它的meta viewport。你会看到
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
所以你正在设置width和height取决于哪个是宽度，和高度的屏幕在CSS像素的比例为100%。initial-scale属性控制页面首次加载时的缩放级别。最后，minimum-scale是视口的可选属性，它定义了网站用户能够做到的最小缩放
以上的答案都不适合我，我设法找出了答案。
初始meta标签的初始刻度为1。
要加载网站而不放大，您必须将初始比例从1更改为0。
<meta name="viewport" content="width=device-width, initial-scale=0, maximum-scale=1">
我试着玩
<meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
，似乎我的网站确实渲染1000px宽的比例为1。然而，由于我的手机屏幕没有空间放置网站，网站继续在视口之外，导致网站被放大的感觉。
设置此值将使站点的宽度缩小为1000px:
<meta name="viewport" content="width=1000">
这是你的问题吗?
在一个旁注，1000px听起来有点宽的移动网站，但我想这个网站最初不是为移动设备?你可以使用这个
<meta name="viewport" content="width=100%">
如果你正在使用你的stylesheet.css与引导链接，确保是更新的一个，
我的问题是因为我在css中添加了body与min-width。当我删除它时它会工作
body
{
padding: 0;
margin:0;
min-width: 800px;
color: black;
}
我过去也遇到过类似的问题。这对我来说每次都很有效。试试这个:
<meta name="viewport" initial-scale=1.0 content="width=device-width" />
我也遇到过类似的问题。试试这个:
<meta name="viewport" content="width=1000; initial-scale=1, maximum-scale=1, minimum-scale=1"/>
我认为这与最小比例有关，但我不太确定。
试试这个会帮助你…
<meta name="viewport" initial-scale=1.0 content="width=100%">