Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Bootstrap.css-iPhone上未加载背景图像_Css - Fatal编程技术网

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

Bootstrap.css-iPhone上未加载背景图像,css,Css,我目前已经做了一个网站使用引导模板,它可以在。它在桌面上运行良好,但在移动设备上,它不显示背景图像(附屏幕截图)。有关代码,请访问。如何修复代码,使图像正确显示在手机(iPhone)上 在style.css文件中有三个文件专门更改横幅的背景图像。这三个断点(媒体查询)出现在480px(第1253行)、414px(第1321行)和384px(第1362行)。在这种情况下,图像将被更改为图像文件夹中不存在的另一个图像,因此它显示为空白白色背景 解决方案: 在两个断点处删除类.banner的背景属性,

我目前已经做了一个网站使用引导模板,它可以在。它在桌面上运行良好,但在移动设备上,它不显示背景图像(附屏幕截图)。有关代码,请访问。如何修复代码,使图像正确显示在手机(iPhone)上

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