背景大小：封面不设置背景图像的高度

问题描述：

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

和（.row是从地基6）

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

的图像横跨容器的宽度延伸，然而，高度仅约23像素，想必 的线高度。我怎样才能让他的图像高度达到图像的整个高度，宽度由cover设置？

背景色作品？ –

@MohitBhardwaj如果我用背景颜色替换背景图像，颜色将填充与图像相同的空间 – 1252748

然后，这是因为您的'.class'元素没有您期望的高度。它只是你看到的'.row'的填充。尝试添加一个高度例如'height：100px;'到你的'.class'。 –

答

我是新的基金会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;

让我知道如果这个帮助你，或者你需要的东西更具体。

背景大小：封面不设置背景图像的高度

相关推荐