登录社区云,与社区用户共同成长
邀请您加入社区
三者都是来定义背景图显示尺寸大小的,三者之间的区别:cover:是按照等比缩放铺满整个区域。优点:图片不会变形。 缺点:如果显示如果显示比例和显示区域的比例相差很大某些部分会不显示,比如长度比宽度大很多,则宽度左侧会有一部分不显示。100%:长宽100%显示,可能会拉升图片导致图片变形。contain:也是等比缩放,按照某一边来覆盖显示区域的,会有白边...
cover:是按照等比缩放铺满整个区域。优点:图片不会变形。 缺点:如果显示如果显示比例和显示区域的比例相差很大某些部分会不显示,比如长度比宽度大很多,则宽度左侧会有一部分不显示。
100%:长宽100%显示,可能会拉升图片导致图片变形。
contain:也是等比缩放,按照某一边来覆盖显示区域的,会有白边
腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。
更多推荐
基于《2023腾讯云容器和函数计算技术实践精选集》—探索腾讯云TKE的Docker容器、Serverless和微服务优势
一站式加速、安全防护,EdgeOne为金融行业数字化升级保驾护航
全球安全加速一站式底座,EdgeOne以极致玩家体验撬动游戏行业增长
扫一扫分享内容
所有评论(0)