background-size中100%和cover的区别?
background-size:100% 100%;—按容器比例撑满,图片变形;
background-size:cover;—把背景图片放大到适合元素容器的尺寸,图片比例不变,但是要注意,超出容器的部分可能会裁掉。
当引入背景图片,高度和宽度设置成100%时,图片还是很大,可以设置background-size:cover;使图片放大到适合元素容器的尺寸!
background-size中100%和cover的区别?
background-size:100% 100%;—按容器比例撑满,图片变形;
background-size:cover;—把背景图片放大到适合元素容器的尺寸,图片比例不变,但是要注意,超出容器的部分可能会裁掉。
当引入背景图片,高度和宽度设置成100%时,图片还是很大,可以设置background-size:cover;使图片放大到适合元素容器的尺寸!