CSS的单位和应用场景及Rem的设置

本文详细解析了网页布局中常用的单位px、em、rem及小程序特有单位rpx的特性与应用场景。px为绝对单位,em和rem为相对单位,分别相对于父元素和html根元素;rpx则是小程序中的相对单位,1rpx等于0.5px。文章还提到了不同单位在代码成本、页面复杂度及浏览器兼容性方面的考量。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

对于px,em,rem的理解

pxemremrpx
绝对单位相对单位相对单位绝对单位
独来独往,棱角分明,一就是一,二就是二,1px就是显示器上的1像素听从父元素的,没有半点主张听html的,下面所有的元素都听html的1rpx就是显示器上的0.5px
px单位的代码成本比较高页面层级比较复杂时候不适合用注意浏览器的兼容性小程序独有
一般用于网站的搭建H5网页H5网页小程序

总结:各有用途,看需要做什么。
rem浏览器兼容性:
IE9以上等支持CSS3的浏览器是肯定的可以支持的,如果想要兼容IE低版本,那可以考虑针对IE9以下低版本浏览器,用px来实现
1rem = 16px
1px = 2rpx

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值