在HTML中,要对元素的大小进行描述,需要单位,常见的单位有
单位 | 区别 | 优点 | 缺点 |
---|---|---|---|
px | 固定单位,像素 | 稳定精确 | 浏览器页面大小缩放时候,字体大小固定不能变化,可能会破坏布局。 |
em | 相对于父元素字体大小的单位 | 父元素大小变化,子元素会相应地跟着变化 | 需要父元素的大小作基准 |
rem | 相对于根元素(html)字体大小的单位 | 调整根元素就能调整所有的大小 | 根元素需要一个具体的值 |
在HTML中,要对元素的大小进行描述,需要单位,常见的单位有
单位 | 区别 | 优点 | 缺点 |
---|---|---|---|
px | 固定单位,像素 | 稳定精确 | 浏览器页面大小缩放时候,字体大小固定不能变化,可能会破坏布局。 |
em | 相对于父元素字体大小的单位 | 父元素大小变化,子元素会相应地跟着变化 | 需要父元素的大小作基准 |
rem | 相对于根元素(html)字体大小的单位 | 调整根元素就能调整所有的大小 | 根元素需要一个具体的值 |
本文标题:px、em、rem的区别
本文链接:https://www.haomeiwen.com/subject/vqgwnttx.html
网友评论