css - 摆脱移动中页脚下方的空白

Question

客户不希望获得网站的响应能力，因此我们完全删除了基于引导程序的 wordpress 主题的响应能力。现在，该网站正在查看它在 Desktop 中的外观。但是，在购物车页面上，由于没有太多的内容或 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）