摆脱Mobile中页脚下方的空白区域

Question

客户不希望从网站获得响应，因此我们完全删除了基于引导程序的wordpress主题的响应能力。现在，该网站正在寻找它在桌面中的样子。但是，在购物车页面上，由于内容或div元素不多，页面很快就会结束，从而导致空白区域看起来不太好。

我发布了以下屏幕截图。最后有固定的页脚，在该页面上也看不到。任何建议将不胜感激。

我在标题中给出了这两个。

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

编辑：由于该特定网站页面上没有足够的内容，因此移动设备显示的是显示空白区域的默认行为。它可以通过min-height来解决。

Answer 1

正如您所提到的，页脚定位固定，您需要将底部样式属性设置为0 [bottom：0！important]，并且您需要实现媒体查询以便仅为移动设备实现它，因为它是只在手机中开设网站时才会发生。

所以我可以考虑在custom.css中添加以下代码

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
/* footer class or footer id */
.footer-class {
bottom: 0 !important;
}
}

Answer 2

检查是否存在操纵视图的代码（例如.js）。在我的情况下，这种行为是由动画引起的（bounceInUp，bounceInDown）