background-size的属性
background-size:100%;总是X轴100%铺满整个容器,Y轴可能裁剪会出现空⽩填不满部分,图⽚不变形。
记住我background-size:100% 100%;图⽚不保持⽐例放⼤或缩⼩使X轴与Y轴都铺满整个容器,图⽚可能会变形。
background-size:cover;图⽚保持⽐例放⼤或缩⼩使X轴与Y轴都铺满整个容器,但图⽚超出容器部分会被裁剪掉,图⽚不变形。background-size:contain;图⽚保持⽐例放⼤或缩⼩填充容器,若不能完整填充容器,X轴或Y轴都有可能出现⽩边,图⽚不变形。