| 名称 | px | em | rem |
|---|---|---|---|
| 单位 | 像素相对长度单位 | 相对长度单位 | CSS3新增相对长度单位 |
| 相对元素 | 相对于屏幕分辨率 | 相对于当前对象内文本的字体尺寸 | 相对与HTML根元素 |
| 特点 | IE无法调整字体大小 | 1.em的值并不是固定的；2.em会继承父级元素的字体大小 | 通过它既可以做到只修改根元素就成比例的调整所有字体大小，又可以避免字体字体大小逐层复合的连锁反应。 |
| 名称 | px | em | rem |
|---|---|---|---|
| 单位 | 像素相对长度单位 | 相对长度单位 | CSS3新增相对长度单位 |
| 相对元素 | 相对于屏幕分辨率 | 相对于当前对象内文本的字体尺寸 | 相对与HTML根元素 |
| 特点 | IE无法调整字体大小 | 1.em的值并不是固定的；2.em会继承父级元素的字体大小 | 通过它既可以做到只修改根元素就成比例的调整所有字体大小，又可以避免字体字体大小逐层复合的连锁反应。 |
本文标题：CSS 中 px、em、rem的区别
本文链接：https://www.haomeiwen.com/subject/ejsmjxtx.html
网友评论