iOS移动设备拉伸背景图像

iOS移动设备拉伸背景图像,ios,css,image,mobile,background,Ios,Css,Image,Mobile,Background,我有一个问题,我的背景强调iOS设备。只有当我将内容添加到它正确加载到空页面上的页面时,它才处于拉伸状态。我读到它和添加背景附件:滚动而不是背景大小:封面有关。当将它添加到css时,我没有得到任何更改。我一定是使用了错误的内容id。在我为移动主题制作更多图片之前,我想知道我是否可以用代码修复它?任何帮助都将不胜感激 尝试在html头标记中添加以下代码: <meta name="viewport" content="width=device-width, initial-scale=1, m

我有一个问题,我的背景强调iOS设备。只有当我将内容添加到它正确加载到空页面上的页面时,它才处于拉伸状态。我读到它和添加
背景附件:滚动而不是
背景大小:封面有关。当将它添加到css时,我没有得到任何更改。我一定是使用了错误的内容id。在我为移动主题制作更多图片之前,我想知道我是否可以用代码修复它?任何帮助都将不胜感激

尝试在html头标记中添加以下代码:

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


视差效应基于这样一个概念,即背景图像在拉伸以适应其容器的同时,将保持在固定位置。不幸的是,CSS本身不会让它发生

一旦您将一个元素设置为固定位置,它就基本上从DOM中移除,并相对于窗口

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

你好,很抱歉反应太晚。我只是试着在我的html中把这个添加到head标签中,但不幸的是没有看到任何变化。Np,很高兴你找到了答案!我该把代码放在哪里?非常感谢。我不得不把这一部分改成#primary来改变它。我修复了一个问题,它通过去掉顶部和底部填充的代码创建了位于页眉上方的帖子。背景现在看起来很棒。再次感谢你。唯一的问题是页面上的内容被切断了。我也不能滚动,因为它会切断页面上的播放器和社交图标。是不是我需要在位置上添加一些东西来修复它?好的,太好了@布莱恩霍华德:你可以试试这个姿势:绝对;排名:0;左:0;也许这对你有帮助!!绝对的帮助。它显示了更多的内容,背景仍然正确,我现在可以滚动了。然而,它仍然在屏幕顶部的80%左右被切断。我也需要更换底部的填充物吗?是的,您可以这样做来更换底部的填充物。我不明白你怎么了,没有“底部”通行证也要检查一下(去掉部分底部,你也要检查一下)。好的,让我澄清一下。背景不错。在固定背景位置的同时,有些人会考虑如何切断页面上的内容。它不会显示超过屏幕80%的内容。使用“绝对”时,它会显示更多内容,但它会将大部分内容删除。包括页脚中的社交图标。