-moz-background-size什么作用
时间: 2023-12-29 12:24:57 浏览: 192
CSS3的background-size属性,实现响应式式图片等比例缩放。
根据提供的引用[1],background-size属性是CSS3新增的属性,用于指定背景图片的大小。而引用中的-moz-background-size属性是Firefox浏览器的私有属性,用于指定背景图片的大小,其值为contain时,表示将背景图片缩放到刚好能够适应背景区域,同时保持图片的宽高比例不变。也就是说,当背景图片的宽高比例与背景区域的宽高比例不同时,背景图片会被缩放以适应背景区域,但是这可能会导致图片失真。
下面是一个-moz-background-size属性的例子:
```css
.div1 {
background-image: url("example.jpg");
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
```
阅读全文