移动设备上的高度问题

时间:2013-03-26 22:54:24

标签: css mobile height

我正在编写一个移动网站。这是我第一次这样做,所以我不知道自己做错了什么。

如果文本适合页面的高度,一切都很好,但是当它高于移动屏幕的高度时,页面会搞砸(它会在页面右侧添加填充,我在那里有一些空格)。

我试过

body { height: auto }

body { height:100% }

我确定我做错了什么。请帮忙。 感谢

1 个答案:

答案 0 :(得分:1)

我相信你的问题是因为屏幕是自动安装的,因为尺寸已关闭,为避免这种情况,你应该在页面顶部插入这个方便的代码

<meta name="viewport" content="width=device-width, initial-scale=1.0">

它摆脱了一些移动浏览器的自动装配。 Mozilla有一个例子here

另请参阅响应式css媒体查询,因为它们(在我看来)是处理移动设备的最佳方式。 Brad Frost是了解响应式设计的绝佳人选。

希望有所帮助。