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

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

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

这会导致完整的代码审查和部分重建您网站的 CSS(和 HTML)。