网页开始在移动设备上放大

Question

我在我的网页上使用此代码

<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;" />

Answer 1

initial-scale=1.0告诉浏览器将缩放级别设置为正常（即不放大或缩小）。你只需要width=1000：

<meta name="viewport" content="width=1000">

Answer 2

试试这个：

<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" />

Answer 3

我也认为该端口是问题，但经过测试后，我认为视口不是问题所在。

我的问题是CSS：固定宽度，或宽度：100％而不是宽度：自动。因此，如果您发现视口不是问题 - CSS可能是您的下一个猜测。

希望有所帮助！

Answer 4

我试过玩

<meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">

并且看起来我的网站确实在规模1上呈现了1000px宽。但是，由于我的手机屏幕没有该网站的空间，该网站继续在视口外部，从而导致该网站被放大的感觉。

设置此值会使网站1000px宽缩小：

 <meta name="viewport" content="width=1000">

这是你的问题吗？

另外，对于移动网站来说，1000px听起来有点宽，但我认为这个网站最初不是为移动设备制作的？

Answer 5

我有类似的问题。试试这个：

<meta name="viewport" content="width=1000; initial-scale=1, maximum-scale=1, minimum-scale=1"/>

我认为这与最小规模有关，但我不太确定。

Answer 6

你可以用它。

    <meta name="viewport" content="width=100%">

Answer 7

尝试这将有助于你...这对我有用

 <meta name="viewport" initial-scale=1.0 content="width=100%">

Answer 8

在我的情况下，我可以通过添加以下代码而无需额外添加来成功停止缩放屏幕。

    <meta name="viewport" content="width=device-width">