视口元标记未按预期执行

时间:2013-01-01 09:54:26

标签: html css mobile meta

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

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

但是我仍然没有得到预期的结果......任何人都可以想到我在这里做错了什么?

2 个答案:

答案 0 :(得分:3)

您的视口似乎是正确的。你的CSS不是。您需要将网站宽度调整为最大值100%而不是固定像素宽度。

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

答案 1 :(得分:0)

将此代码添加到您的头脑中:

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