移动设备上的身高问题

Question

我正在为移动设备编码网站。这是我第一次这样做，所以我不知道我做错了什么。

如果文本适合页面的高度，但是当它高于移动屏幕的高度时，页面会变得混乱（它在页面的右侧添加了填充并且我有一些空白区域那里）。

我试图

body { height: auto } 

和

body { height:100% } 

我敢肯定，我做错了什么。请帮忙。 感谢

Answer 1

我相信你的问题是因为屏幕被自动安装，因为大小是关闭的，要避免这种情况，你应该在你的页面的顶部

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

它会插入这个方便的一段代码摆脱一些移动浏览器的自动装配。 Mozilla有一个例子here。

此外，请看看响应式CSS媒体查询，因为它们（在我看来）是处理移动设备的最佳方式。 Brad Frost是学习响应式设计的优秀人士。

希望帮助。