背景图像过于缩放

Question

我在div上的背景图片看起来缩放过大，不清楚，这会使它失去清晰度这是我尝试过的html和样式

<div class="grid-x intro">
        <div class="cell large-12 medium-12 small-12 one">
        </div>
      </div>
        <!-- end of intro -->
styling

.intro{

background-image: url("../images/house4.jpg");
background-size: cover;
background-repeat: no-repeat;
width: 100%;
/* height: auto; */
padding-top: 66.64%;
}

Answer 1

可能是图像质量不是很好。或者，如果您不需要完整覆盖的背景，可以通过执行