我正在编写一个移动网站。这是我第一次这样做,所以我不知道自己做错了什么。
如果文本适合页面的高度,一切都很好,但是当它高于移动屏幕的高度时,页面会搞砸(它会在页面右侧添加填充,我在那里有一些空格)。
我试过
body { height: auto }
和
body { height:100% }
我确定我做错了什么。请帮忙。 感谢
答案 0 :(得分:1)
我相信你的问题是因为屏幕是自动安装的,因为尺寸已关闭,为避免这种情况,你应该在页面顶部插入这个方便的代码
<meta name="viewport" content="width=device-width, initial-scale=1.0">
它摆脱了一些移动浏览器的自动装配。 Mozilla有一个例子here。
另请参阅响应式css媒体查询,因为它们(在我看来)是处理移动设备的最佳方式。 Brad Frost是了解响应式设计的绝佳人选。
希望有所帮助。