html - 响应 : resize background image in div

Question

我正在使用下面的代码在 div 中显示图像作为背景。如何调整它的大小？

#header {
    height: 255px;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    background-position: 50% 50%;
    background-image: url('../simg/header.png');
}

Answer 1

您可以尝试使用 background-size 属性来控制背景的大小。

例如:

#header {
height: 255px;
-webkit-background-size:50%;
-moz-background-size:50%;
background-size:50%;
background-position: 50% 50%;
background-image: url('../simg/header.png');
}

这会将背景图像在任一维度上缩小到恰好一半。