【发布时间】：2012-11-01 05:35:36
【问题描述】：
当我在计算机上浏览我的网站时，所有主流浏览器中的一切看起来都很好，但是，当我在 Android 手机上查看时，页脚下方有一个巨大的空白。这仅在纵向模式和所有安卓浏览器中发生。当我以横向模式查看它时，所有浏览器中的差距都消失了。
我尝试使用视口元标记“播放”，但没有帮助。
我网站的宽度：1300 像素，高度：100%。此外，页脚有 padding-bottom:0;边距底部：0;
什么可能导致此问题仅在纵向模式下发生？
更新：页面的高度似乎不足以填满我的手机的整个屏幕，所以有这个差距。当我浏览页面时，它会根据网站宽度完全缩小。如何让它根据站点的高度放大，从而消除底部间隙？
请帮忙
附：很遗憾，我无法为您提供该网站的链接，因为它位于本地服务器上。
【问题讨论】：
-
如果去掉 height:100% 会发生什么？
-
几秒钟前尝试过，没有任何变化。
-
尝试绝对位置和底部 0
-
“我无法为您提供指向该站点的链接，因为它位于本地服务器上。”是的，但您仍然可以将其简化为一个显示相同行为的简单示例并将其放到 JSFiddle...
-
Abdul Malik，试过了，没有任何改变。 Ambrose，我不确定如何在 JSFiddle 上复制这个问题。在横向模式下查看时不存在此问题。页面似乎不够高，无法垂直填充手机屏幕，因此底部有空白区域。理想情况下，它应该只放大直到手机的屏幕垂直填满。我用视口尝试过，但差距仍然存在。如何解决这个问题？
标签： css android-layout mobile