图片的尺寸 fill,contain,cover,none,scale-down 的区别
fill:默认值。内容拉伸填满整个content box, 不保证保持原有的比例。contain:保持原有尺寸比例。长度和高度中短的那条边跟容器大小一致，长的那条等比缩放，可能会有留白。cover:保持原有尺寸比例。宽度和高度中长的那条边跟容器大小一致，短的那条等比缩放。可能会有部分区域不可见。none:保持原有尺寸比例。同时保持替换内容原始尺寸大小。scale-down:保持原有尺寸比例,如果容
·
| fill: | 默认值。内容拉伸填满整个content box, 不保证保持原有的比例。 |
|---|---|
| contain: | 保持原有尺寸比例。长度和高度中短的那条边跟容器大小一致，长的那条等比缩放，可能会有留白。 |
| cover: | 保持原有尺寸比例。宽度和高度中长的那条边跟容器大小一致，短的那条等比缩放。可能会有部分区域不可见。 |
| none: | 保持原有尺寸比例。同时保持替换内容原始尺寸大小。 |
| scale-down: | 保持原有尺寸比例,如果容器尺寸大于图片内容尺寸，保持图片的原有尺寸，不会放大失真；容器尺寸小于图片内容尺寸，用法跟contain一样。 |
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)