Question

我试图让背景图片完全填满div。使用

.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>

图像在容器的宽度上延伸，但高度仅约为23px，可能是 的行高。如何以cover设置的宽度将图像的高度设置为图像的整个高度？

Answer 1

我是基础6中的新手，但是如果你想填充所有的div并调整宽度和高度：我使用这个代码作为背景，也可以直接在div中工作:(来自：{{3} }）

.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;

请告诉我这是否对您有所帮助，或者您是否需要更具体的内容。

背景尺寸：不设置背景图像的高度

1 个答案: