html - 如何在移动设备上使用 css 使图像居中？

Question

我在 html 标签上使用背景 img 而 img 不在中心。我使用 background size: cover; 但它无法正常工作

<section class="section-a">
  <h1 class="main-header-sec-a">Bienvendio a Vida Excotica</h1>
</section>

.section-a{
  background-image: url('/img/waffles.jpeg');
  min-height: 100%;
  height: 700px;
  background-size: cover;
}

这是结果

这是我的

Answer 1

你也可以像这样缩放图像:

background-size: 100% auto;

JSFiddle:http://jsfiddle.net/6h4up90v/6/