使用此元标记,据我所知,应该使网站布局适合移动屏幕宽度并仅允许垂直滚动,
<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" />
但是我仍然没有得到预期的结果......任何人都可以想到我在这里做错了什么?
答案 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">