css – background-size:cover;有什么区别?和背景大小:100%;?

前端之家收集整理的这篇文章主要介绍了css – background-size:cover;有什么区别?和背景大小:100%;?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我将背景大小属性从div的图像设置为background-size:cover;或背景大小:100%;,两者看起来都一样.

有什么不同?
什么时候我应该使用封面和100%?

解决方法

cover =将背景图像缩放为尽可能大,以使背景区域完全被背景图像覆盖.背景图像的某些部分可能不在背景定位区域内的视野中

基本上它放大直到最内边缘接触到侧面,这意味着一些图像可能被切断,而不是100%,其中所有图像都是可见的.

例如,请参见http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

猜你在找的CSS相关文章