CSSbackground-sizecontain与cover的区别

更新时间:2023-05-13 18:44:41 阅读: 评论:0

到货英文
CSSbackground-sizecontain与cover的区别
最近在重温CSS,发现好多东西都忘了,⽐如background-size属性中,contain与cover的区别。holdup
菜鸟教程上是这么说的:
archer
吝啬鬼什么意思有点难理解,通俗解释就是:两者均以保持图像宽⾼⽐的形式缩放来适合背景容器的⼤⼩。
promi是什么意思那么两者的区别呢?这就要根据图像是否重复来分别讨论了。
在no-repeat情况下,如果容器宽⾼⽐与图⽚宽⾼⽐不同,
乔布斯演讲稿英文版传奇  cover:图⽚宽⾼⽐不变、铺满整个容器的宽⾼,⽽图⽚多出的部分则会被截掉;
offer什么意思
涅姆佐夫when christmas come to town  contain:图⽚⾃⾝的宽⾼⽐不变,缩放⾄图⽚⾃⾝能完全显⽰出来,所以容器会有留⽩区域;
其实,从英⽂的意思来说:cover意味着“遮罩、遮盖”---此处理解为“塞满”较恰当,contain意为“包含”--也就是:我图⽚虽然缩放了,但是整个图是被“包含”在你⾥⾯的,你必须把我显⽰完整、不能裁剪我⼀丝⼀毫。
在repeat情况下:cover:与上述相同;contain:容器内⾄少有⼀张完整的图,容器留⽩区域则平铺背景图,铺不下的再裁掉。

本文发布于:2023-05-13 18:44:41,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/107264.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:容器   两者   意思   发现
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图