有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

1px等于多少rem(移动端rem单位和px换算)详细介绍

代码编程 炮渣日记 4周前 (11-12) 62次浏览 已收录 0个评论 扫描二维码

rem单位是根据html元素的单位在页面根据不同的手机屏幕分辨率动态整体的按比例缩小或放大字体。

假如html{font-size: 14px;},那么1rem=14px;

一个div宽度48px,那么换成rem:48px/14px=3.4rem;

宽度200px,换成rem:200px/14px=14.3rem;

宽度28px,换成rem:28px/14px=2rem;

但是建议设置成html{font-size:62.5%},为什么是62.5%?因为任何浏览器默认字体大小是16px,也就是16px=100%;那么1px=6.25%,为了方便计算,我们把10px=62.5%,因此html{font-size:10px;}=html{font-size:62.5%},1rem=10px;

一个div宽度48px,那么换成rem:48px/10px=4.8rem;

宽度200px,换成rem:200px/10px=20rem;

宽度28px,换成rem:28px/10px=2.8rem;

喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址