背景图片在网页的用处很广,但他就是有个毛病,它的尺寸不太好控制,一旦背景的图片超过了容器的限制,就会直接被截取,让图片看起来怪怪的。
实际开发中,设计师给你的图片难免会有一点误差,但你的图片又不能这样展示,更不可能自己手动修改图片,所以就必须使用一种方法来让图片自动适应容器。
本质上要解决的是每个即使不同尺寸的图片,都能统一适配同个容器的尺寸。
语法
控制背景图片尺寸
background-size:类型;
(1)Auto
这是默认值,等于没有使用这个属性。超出的部分直接被截掉。
核心代码:background-size: auto;