问题:
没有通过css设置背景图片大小时候,背景图按照真实图片大小展示,会出现超出或者过小情况,如下是图片width:1920px 超出页面设计的1320px,效果如下
真实图片是这样的
解决方法
通过css的background-size,其中属性的值可以有以下几种
auto|length|cover|contain
background-size:属性的auto值对于显示图像的原始大小(长度和宽度)很有用。 也是默认值。
可以直接:background-size:auto;
现在用length解决这个问题
使用方法,第一个为宽度,第二为高度
background-size:width height;
如background-size:100px 200px;如果仅给出一个值,则默认情况下将第二个设置为auto
示例效果如下
其他参数......
q't