背景尺寸：封面未设置背景图片的高度

Question

我正在尝试获取背景图片以完全填充div。 使用

.class{
   background-image: url('img.jpg');
   background-repeat: no-repeat;
   background-size: cover;
 }

和（ .row来自Foundation 6）

<div class="row columns">
  <div class="class">&nbsp;</div>
</div>

图片在容器的整个宽度上延伸，但是高度仅为23像素，大概是 的线高  。 我怎样才能得到他的图像的高度等于图像的整个高度，且其宽度由cover设置？

Answer 1

我是Foundation 6的新手，但是如果您要填充所有div并使用宽度和高度进行调整：我使用此代码作为背景，也可以直接在div中工作：（这来自： https：// css-tricks .com / perfect-full-page-background-image / ）

.class {

background: url(demo.jpeg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

另外，如果要指定背景大小，请使用：

background-size: 80px 60px;

您可以使用：

@media screen {}

如果要调整背景或css类的任何部分，请基于屏幕的大小

重要提示，请检查： margin:0px; or padding:0px; margin:0px; or padding:0px;

让我知道这是否对您有帮助，或者您是否需要更具体的信息。