60

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

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

12 回答 12

62

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

<meta name="viewport" content="width=1000">
于 2013-01-14T11:21:38.180 回答
22

尝试这个：

<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" />
于 2013-01-14T09:32:47.933 回答
6

我也认为视口是问题，但经过测试，我认为视口不是问题。

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

希望有帮助！

于 2018-01-02T21:00:18.493 回答
4

答案已经在我们使用的网站上。

如果您检查元素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是视口的可选属性，它定义了网站用户能够进行的最小缩放。

于 2020-03-24T11:52:09.177 回答
4

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

    <meta name="viewport" content="width=device-width">
于 2019-08-06T10:57:46.647 回答
3

上面的答案都不适合我，我设法找出答案。

初始元标记的初始比例为 1。

要在不放大的情况下加载网站，您必须将初始比例从 1 更改为 0。

<meta name="viewport" content="width=device-width, initial-scale=0, maximum-scale=1">
于 2020-11-01T14:24:20.440 回答
2

我试着玩

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

看来我的网站确实以比例 1 呈现了 1000 像素宽。但是，由于我的手机屏幕没有该网站的空间，该网站继续在视口之外，导致网站被放大的感觉。

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

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

这是你的问题吗？

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

于 2013-01-15T14:47:57.357 回答
0

如果您使用带有引导链接的 stylesheet.css，请确保是更新的，通常它会更新，并且当它确实导致旧版本出错时。

于 2020-06-17T00:28:44.627 回答
0

你可以使用这个。

    <meta name="viewport" content="width=100%">
于 2019-01-27T19:07:41.170 回答
0

我的问题是因为我在 css 中添加了最小宽度的主体。当我删除它时它可以工作

body
{
   padding: 0;
   margin:0;
   min-width: 800px;
   color: black;
}
于 2021-09-29T18:41:00.877 回答
-1

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

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

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

于 2013-01-11T06:16:20.163 回答
-1

试试这会帮助你...这对我有用

 <meta name="viewport" initial-scale=1.0 content="width=100%">
于 2019-03-15T07:46:00.713 回答