css backgroundSize设置cover和conta
2024-02-04 本文已影响0人
缘之空_bb11
background-size:100% 100%: 图像完整, 将宽高填充满,但图像会变形;
background-size: 100% auto: 等比缩放, 沿 X轴铺满, 但高不会填充整个区域; 可能会留有空白;
backgroundSize cover : 等比缩放, 显示不完整,超出部分会被裁剪;
backgroundSize contain: 等比缩放, 但不会填充整个区域; 可能会留有空白;
背景图片未设置
background-size: 100% auto效果
background-size:100% 100% 效果
backgroundSize cover 效果
backgroundSize contain 效果
