Question

我的个人网站在除移动设备之外的所有内容上都能正常运行...当涉及到移动设备时，出于某种原因，网站的封面图片并不会出现。相反，它只是一个白色背景。

这是我的css for the div with the cover photo：

#cover-image {
  height:100%;
  background-image: url(images/meAndTheOcean.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;

}

我有头标记：

<meta name="viewport" content="width=device-width, initial-scale=1">

这是div＃cover-image：

<div id="cover-image" >
  <nav class="cl-effect-1 container-fluid">
    <div id="nav-bar" class="nav1">
      <div class="col-sm-3 text-center"><a href="#about">About Me</a></div>
      <div class="col-sm-3 text-center"><a href="#work">Work Experience</a></div>
      <div class="col-sm-3 text-center"><a href="#projects">Projects</a></div>
      <div class="col-sm-3 text-center"><a href="#contact">Contact</a></div>
    </div>
  </nav>
  <div id="Name" class="container-fluid">
    <div class="col-xs-12" style="height:100px;"></div>
    <div class="col-md-6 text-center"><canvas id="FirstName"></canvas></div>
    <div class="col-md-6 text-center"><canvas id="LastName"></canvas></div>
  </div>
</div>

更奇怪的是，几周前它曾经在移动设备上工作，并且由于某种原因它不再有...

任何建议都会有所帮助！谢谢！

Answer 1

这取决于您正在查看您网站的移动设备，但问题可能来自后台附件：已修复，这在智能手机上始终无法正常工作。

我不确定它是否会让图像完全消失，但你永远不会知道;）

封面图像没有出现在移动网站上，但正常工作正常

1 个答案: