设置背景图片后,使用backgroup-size出现的问题

相同点:

background-size中,100%和cover都是用于将图片扩大或者缩放来适应整个容器

不同点:

background-size:100% 100%;---按容器比例撑满,图片变形;

background-size:cover;---把背景图片放大到适合元素容器的尺寸,图片比例不变,但是要注意,超出容器的部分可能会裁掉。

第一种效果你一定会看到完整的背景图片,但是有可能被挤压(失去图片原来的比例)

第二种效果你不一定能看到完整的图片,但是图片的比例没有发生变化。

感谢Casanover的原创background-size中,100%和cover的区别

原文地址:https://www.cnblogs.com/dagongren/p/14123866.html