首页 文章页

我不想说话

px、rem与em区别
发布时间:2018-07-16 09:46:42 已阅读:   
最近我朋友问我rem怎么用。

我才发现原来rem并不是人人都会用的

我来给大家说说px、rem和em的区别

px就简单了,大家都知道,像素单位。之前用的都是这个


PX特点
 
1. IE无法调整那些使用px作为单位的字体大小;
 
2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;
 
3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。
 
 
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

em是继承其父元素的大小单位,当div包裹p元素中,需要给p设置字体大小时,给div设置font-size{62.5%};给p设置{font-size:2.0em};这时p的字体就是20px;

设置62.5%是因为浏览器默认大小是16px;16px的62.5%就是10px;然后1em=10px;所以将p设置2.0em后就是20px单位。

rem与em道理相同,但是em是给父元素设置的,rem是给html设置,设置之后html文件中所以元素都可以用rem;

相较于em更简单,更方便,我现在写项目时一般都使用rem;给html元素设置font-size{62.5%};之后元素里面转换单位就好了,还是1rem=10px;  

如果想要12px大小的字体就设置1.2rem,想要18px字体就设置1.8rem;

基本上就这些了,如果有什么问题可以留言问我
上一篇:在windows系统中搭建vue环境 下一篇:简谈代码方面SEO