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

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

就我而言，我只需添加以下代码即可成功停止屏幕缩放，无需额外操作。

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

Answer 4

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

我的问题是 CSS: 固定宽度，或宽度：100% 而不是宽度：自动。所以如果你发现视口不是问题——CSS 可能是你的下一个猜测。

希望有帮助！