px,em,rem单位转换工具
自我总结:
字体的三大单位px,em,rem(css3)
1.浏览器默认字体是16px,最小12px(至少chrome是如此)
2.单位em会继承父元素字体设置的大小,和px换算为,例如16px为1em
3.rem继承根元素,可以理解为浏览器字体的大小。与px的换算为 ,假如font-size为16px,如果你要实际值为16px,你只写1rem则可。假如浏览器默认设置为10px,那么10px=1rem,如果你需要的font-size值为16px,那么1px=0.1 16px=1.6rem。公式为
你要的那个值(px)=rem*1px等于的rem值 默认为16px。
要用rem值,你需要在根目录声明 font-size:62.5% (即10px)
二、知识补漏之 line-height 单位(%、em)和无单位(仅数字)差别
有单位会继承父级字体的大小来计算,无单位则是按照自身字体大小来计算
即最终font-size值(px)=em(%)*默认值(父级或自身)
后续有新识会更新……