在CSS中用background-size属性来设置插入背景图片的大小:
background-size使用语法:
background-size:length|percentage|cover|contain
background-size:auto; //默认值,不改变图片的高度和宽度
length用法:
background-size:1024px; //图片显示的宽和高为1024像素
background-size:1024px 680px; //图片显示的宽为1024像素,高为680像素
percentage用法:
background-size:60%; //图片显示的宽度和高度是图片大小的60%
background-size:60% 80%; //图片显示的宽度是图片大小的60%,高度是80%
cover用法:
background-size:cover; //把图片扩展至足够大,以使背景图片完全覆盖背景区域。
contain用法:
background-size:contain; //把背景图片扩至至最大尺寸,以使其宽度和高度完全使用内容区域