注册 | 登录   
当前位置:网站首页 > 资源显示

cssbackground-size100100和background-sizecover的区别简述

发布时间:2020/11/2 15:51:17 / 最后修改:2020/11/2 15:51:26 / 浏览:924


https://www.cnblogs.com/tu-0718/p/11381713.html



它们的区别:

background-size:100% 100%把背景图进行横向和纵向的拉伸,图片比例随之改变,

可能导致图像失真(建议让UI给原始背景图,否则容易出现图片拉伸后失真)


background-size: cover把背景图扩展至足够大,直至完全覆盖背景区域,

图片比例保持不变且不会失真,但某些部分被切割无法显示完整背景图像



完整代码 (代码框可以往下拉高显示):
您尚未登录,暂时无法查阅资源!立即登录
插播广告区
您尚未登录,暂时无法发表评论。立即登录
暂无任何评论
广告区
CopyRight © 2017 www.kaifaku.cn All Rights Reserved - 版权所有 © 开发库 (所有资源来源于实战项目,拿来即用)
付费资源请联系 QQ:2633993818 / E-MAIL:2633993818@qq.com 本站免费分享资源不提供免费咨询