1、rem转化为向素值的方法
rem单位转化为像素大小取决于根元素的字体大小,即HTML元素的字体大小,根元素字体大小乘以rem。
例:根元素的字体大小 16px,10rem 将等同于 160px,即 10rem x 16px = 160px
2、em单位如何转化为像素值
当使用em单位时,像素的单位是em值乘以使用em单位的元素的字体的大小
例:如果一个 div 有 18px 字体大小,10em 将等同于 180px,即 10 × 18 = 180
总结:
需要注意的是:
样式的reset中需先设置html字体的初始化大小为50px,这是为了防止js被禁用或者加载不到或者执行错误。
而做的兼容样式的reset中需先设置body字体的初始化大小为16px,这是为了让body内的字体大小不继承父级html元素的50px,而用系统默认的16px
来源:
如对本文有疑问, 点击进行留言回复!!
网友评论