html - 视口元标记未按预期执行

Question

使用此元标记，据我了解应该使网站布局适合移动屏幕宽度并仅允许垂直滚动，

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

由于某种原因，它在我的网站上没有按预期运行，http://www.nikib.co.il/ 并且我的行为很奇怪

也尝试使用

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

但我仍然没有得到预期的结果......谁能想到我在这里做错了什么的原因？

Answer 1

您的视口似乎是正确的。你的 CSS 不是。要获得预期的行为，您需要将站点宽度调整为最大 100%，而不是固定的像素宽度。

这将导致完整的代码审查并部分重建您的网站 css（和 html）。

Answer 2

将此代码添加到您的脑海中：

<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale = 1.0, width=device-width, user-scalable=no">