视口元标记未按预期执行答案

【问题标题】：viewport meta tag not performing as expected视口元标记未按预期执行
【发布时间】：2012-12-16 01:49:58
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：