Bootstrap.css-iPhone上未加载背景图像
我目前已经做了一个网站使用引导模板,它可以在。它在桌面上运行良好,但在移动设备上,它不显示背景图像(附屏幕截图)。有关代码,请访问。如何修复代码,使图像正确显示在手机(iPhone)上 在Bootstrap.css-iPhone上未加载背景图像,css,Css,我目前已经做了一个网站使用引导模板,它可以在。它在桌面上运行良好,但在移动设备上,它不显示背景图像(附屏幕截图)。有关代码,请访问。如何修复代码,使图像正确显示在手机(iPhone)上 在style.css文件中有三个文件专门更改横幅的背景图像。这三个断点(媒体查询)出现在480px(第1253行)、414px(第1321行)和384px(第1362行)。在这种情况下,图像将被更改为图像文件夹中不存在的另一个图像,因此它显示为空白白色背景 解决方案: 在两个断点处删除类.banner的背景属性,
style.css
文件中有三个文件专门更改横幅的背景图像。这三个断点(媒体查询)出现在480px(第1253行)、414px(第1321行)和384px(第1362行)。在这种情况下,图像将被更改为图像文件夹中不存在的另一个图像,因此它显示为空白白色背景
解决方案:
在两个断点处删除类.banner
的背景属性,以便
.banner {
background: url(../images/banner22.jpg) no-repeat -150px 0px;
background-size: cover;
min-height: 400px;
}
变成这样
.banner {
min-height: 400px;
}
或
将在移动设备上查看站点时希望显示的图像上载到“图像”文件夹,并在style.css中相应地更改背景url