背景尺寸：封面未設置背景圖片的高度

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;

讓我知道這是否對您有幫助，或者您是否需要更具體的信息。