px和em和rem的区别

PX特点

1. IE无法调整那些使用px作为单位的字体大小；

2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；

3. Firefox能够调整px和em，rem，但是有大部分的国产浏览器使用IE内核。

-1. em的值并不是固定的；

-2. em会继承父级元素的字体大小。

em则是基于基数（比如：1.5em）来计算出来的相对字体大小。这个基数是需要乘以当前对象从其父级遗传字体大小

如果你的默认父级容器字体为16px ，那么2em=2*16px

</div>

rem默认字体大小是依据你网站当前访问时所使用的浏览器或者其他设备来决定的,特别适合响应设计，受到了移动设计的追捧

大多数浏览器（不包括ie8以下）都支持rem单位的字体大小

如果想支持可以，如下：

html{font-size:62.5%;}

p{font-size:15px;font-size:1.5rem;}

rem为元素设定字体大小时，仍然是相对大小，但相对的HTML根元素

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。