Bootstrap.css - iPhone上未加载背景图像

-1

我目前使用bootstrap模板创建了一个网站，它可以在http://apparelaid.us找到。它在桌面上运行良好，但在移动设备上，它不显示背景图像（附带屏幕截图）。代码可在https://github.com/aalap07/ApparelAid找到。如何修复代码以便图像在移动设备（iPhone）上正确显示？Bootstrap.css - iPhone上未加载背景图像

2017-05-16 Ajp

有三个media queries的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; 
    }

或

上传的图像到图像s文件夹，您希望在移动设备上查看网站时显示该文件夹，并相应更改背景网址style.css

2017-05-16 22:08:43

回答