iOS 移动设备拉伸背景图像

Question

我在iOS设备上遇到背景压力的问题。只有当我向这样的页面添加内容时，它才会拉伸。它在这样的空白页面上正确加载。我读到它与添加background-attachment:scroll而不是background-size: cover有关.将其添加到 css 时，我没有得到任何更改。我一定使用了错误的内容 ID。在我为移动主题制作更多图像之前，我想知道我可以用代码修复它吗？任何帮助将不胜感激。

Answer 1

视差效果基于这样一种概念，即背景图像在拉伸以适合其容器时将保持固定位置。不幸的是，仅靠CSS不会让它发生。

一旦将元素设置为固定位置，它基本上会从 DOM 中删除并相对于窗口

section 
{   
    position: fixed;
    top: 0;
    bottom: -72px;
    background-image: url(http://bgImage);
    background-size: cover;
    background-attachment: fixed;
}

Answer 2

尝试在 html head 标签中添加以下代码：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">