rem单位换算
2017-06-25 15:26
393 查看
在日常开发中,若需要用到rem的一般都是移动开发居多,由于移动设置宽度的不确定性,rem显得更加适合,rem是根据父级的单位进行公式换算的,其公式为:
而父级单位通常为了便于换算会采用10px,其换算公式为:
当中的10是指 换算单位10px,一般情况都是px 换算 rem
例子:
而在当然流行的编辑器中也有设置自动换算的插件,让开发人员专心写代码,下面的是hbuliber编辑器 px 换算 rem 的开启方法:
http://www.monkeyblog.cn/2016/12/26/01-14/
在其他编辑器也有这样的插件,这里就不做过多赘述,可以自行百度
1 ÷ 父元素的font-size × 需要转换的像素值 = em值
而父级单位通常为了便于换算会采用10px,其换算公式为:
10 ÷ 16 × 100% = 62.5%
当中的10是指 换算单位10px,一般情况都是px 换算 rem
例子:
body { font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/ } h1 { font-size: 2.4rem; /*2.4rem × 10 = 24px */ } p { font-size: 1.4rem; /*1.4rem × 10 = 14px */ } li { font-size: 1.4rem; /*1.4rem × 10 = 14px */ }
而在当然流行的编辑器中也有设置自动换算的插件,让开发人员专心写代码,下面的是hbuliber编辑器 px 换算 rem 的开启方法:
http://www.monkeyblog.cn/2016/12/26/01-14/
在其他编辑器也有这样的插件,这里就不做过多赘述,可以自行百度
相关文章推荐
- rem 的计算公式,小程序的单位换算
- px rem em 单位的理解和单位换算
- css单位之rem
- 福施福、爱乐维、玛特纳各成分比较(已换算成同一单位)
- 彻底弄懂css中单位px和em,rem的区别
- px、em、rem、%单位
- rem单位在手机网站中的使用
- Kbps、KB、Mbps单位换算
- 7个你可能不认识的CSS单位:rem vh vw vmin vmax ex ch
- 字号与其他度量单位的换算
- CSS3中的rem单位
- 如何使用rem字体单位
- 彻底弄懂css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- 度量衡单位换算表
- Converter单位换算详细使用教程
- css中单位px和em,rem的区别
- 压力单位MPa、Psi和bar之间换算公式
- 存储单位换算
- 计算机存储、传输单位换算