底部的背景颜色/背景图像在移动网站上被切断

Question

我已经完成了类似问题的答案，但没有一个答案有助于解决这个问题。我的背景图像在视口底部被切掉。如果我删除背景图像并将纯色作为背景，则会发生同样的事情。可以看到移动页面上的文字，背景只是截止。

使用Chrome的设备模式以iPhone 6的形式查看网站进行复制。任何有关此事的帮助将不胜感激！

Dev site

Answer 1

您的content元素设置为height:100%，这使其成为父 高度的100％。它最终不够高，不适合1000px高的元素。通常，元素只会展开以包含其内容，但您的height属性会覆盖该行为。

content似乎也不需要position:absolute;。这不足以帮助调整问题。

我会摆脱：

div.content {
    position: absolute;
    top: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

然后还删除height: 1000px元素上的内联样式.page。