iOS移动设备拉伸背景图像

我在iOS设备上强调背景的问题。它只在我将内容添加到页面时才伸展like this.它在空白页面like this上正确加载。我读到它与添加background-attachment:scroll而不是background-size: cover有关。将它添加到CSS时，我没有任何更改。我必须使用错误的内容ID。在为移动主题制作更多图片之前，我想知道是否可以使用代码修复它？任何帮助将不胜感激。iOS移动设备拉伸背景图像

来源

2017-10-28 Bryan Howard

，我会把这个代码，以固定定位它基本上是从DOM删除元素和？ –

视差效果的基础上的概念，背景图像会留在原地有一个固定的位置，同时拉伸，以适应其容器。不幸的是CSS本身不会让它发生。

一旦您设置相对于窗口

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

来源

2017-10-31 05:28:38

非常感谢。我必须将部分更改为#primary以使其更改。我通过取出顶部和底部填充的代码修复了它创建标题之上的帖子的问题。背景现在看起来很棒。再次感谢你。唯一的问题是页面上的内容被切断。我也无法滚动，因为它将页面上的播放器和社交图标切断。这是我需要添加到解决它的位置吗？ –

好的太棒了！ @BryanHoward你可以试试这个位置：绝对;顶部：0;左：0;可能是它的帮助！ –

绝对有帮助。它显示内容更多，背景仍然正确，我现在可以滚动。然而，它仍然从顶部屏幕的大约80％处切断。我是否还需要更改底部的填充？ –

尝试添加该代码的HTML head标签里：

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

来源

2017-10-28 10:56:18 Brian

你好，对于迟到的回复抱歉。我只是试图将其添加到我的HTML头标签，但不幸的是没有看到任何改变。 –

Np，很高兴你找到了答案！ – Brian

iOS移动设备拉伸背景图像

回答

相关问题