css - 使用样式的背景图像有问题

Question

在 Mac Os 上使用 css 的背景图片有问题。如果我们更改浏览器的分辨率，它看起来会很糟糕。我需要在每个分辨率和 Mac OS 上看起来都一样。

有2个section有bg图片

使用 Mac 操作系统

http://i.imgur.com/UmGGBA4.jpg

使用窗口操作系统

https://i.imgur.com/QjXNxag.jpg

我想在 MAC 上看起来像窗口操作系统图像。

代码

.section-about {
    background: url("http://i.imgur.com/NlczAVu.jpg") top right/cover no-repeat;
    min-height: 545px;
  }

  /* line 180, ../sass/screen.scss */
  .section-experinece {
    background: url("http://i.imgur.com/eAeB5ci.jpg") top right/cover no-repeat;
    min-height: 1130px;
  }
  
  h1 {
  margin: 0;
  }
  
  .one {
  color: #fff;
    margin: 0;
  }
  
  p {
      margin: 0;

  }

<section id="about" class="section-about">
    <h1>section1</h1>
                        <p clas="one">Lorem ipsum doeqw sitqwewqe amet, consectetur adipiscing elit. Phasellus porta massa sit amet magna luctus euismod. Maurn malesuada nunc.  <span class="bold">Lorem ipsum dolor sit amet.</span></p>
 <p clas="one">Lorem ipsum doeqw sitqwewqe amet, consectetur adipiscing elit. Phasellus porta massa sit amet magna luctus euismod. Maurn malesuada nunc.  <span class="bold">Lorem ipsum dolor sit amet.</span></p>
</section>

<section id="experinece" class="experinece-sec section-experinece">
    <h1>section2</h1>
             <p>Lorem ipsum doeqw sitqwewqe amet, consectetur adipiscing elit. Phasellus porta massa sit amet magna luctus euismod. Maurn malesuada nunc.  <span class="bold">Lorem ipsum dolor sit amet.</span></p>
                      <p>Lorem ipsum doeqw sitqwewqe amet, consectetur adipiscing elit. Phasellus porta massa sit amet magna luctus euismod. Maurn malesuada nunc.  <span class="bold">Lorem ipsum dolor sit amet.</span></p>
</section>

谢谢。

Answer 1

看来您的问题不是您所使用的操作系统，而是您正在查看的屏幕分辨率。

在 Windows 机器上检查页面，并尽可能扩大 View 。