回顾一下css3新增属性支持ie9以上:background-size:
js语法设置:object.style.backgroundSize:100px 100px;背景图片的宽度是100px,高度是100px。
常见有两个属性cover与contain,是将背景图片以相同宽高比进行缩放。
区别是在no-repeat下:cover将图片缩放超出容器会裁剪掉,铺满容器。contain是整体的一张缩放,不会有裁剪。
回顾一下css3新增属性支持ie9以上:background-size:
js语法设置:object.style.backgroundSize:100px 100px;背景图片的宽度是100px,高度是100px。
常见有两个属性cover与contain,是将背景图片以相同宽高比进行缩放。
区别是在no-repeat下:cover将图片缩放超出容器会裁剪掉,铺满容器。contain是整体的一张缩放,不会有裁剪。