如何使用CSS3属性background-size设置图片缩放

1、第一步，在HBuilder编辑工具里新建静态页面backgroundSize.html，如下图所示：

2、第二步，向主体body元素里插入一个div，设置id值为bg，如下图所示：

3、第三步，分别设置body和div的样式属性，div元素的背景是一张图片，如下图所示：

4、第四步，添加background-size属性，设置值为cover，如下图所示：

5、第五步，保存代码，预览该静态页面，发现图片显示不全，如下图所示：

6、第六步，将background-size的值改为contain，再次预览发现图片虽然收缩了，但是显示全部内容，如下图所示：