前言:在搭建页面的过程中肯定要用到单位,而单位又有px、em、rem这三种。将下来就要和大家谈谈这些字体单位的区别。
1、px(像素)是我们在应用中比较常用的,它是相对于显示器屏幕分辨率而言。设置的值是固定的。
但是不论我们使用什么单位设置字体大小最终显示在页面上的字体大小还是用px进行展示的。
2、em:相对于该对象父标签在页面上的字体尺寸,如果没有父标签就是相对于浏览器默认的字体尺寸(16px)。它会继承父级元素的字体大小。转换:1em = 16px。
为了简化在设置fone-size时的换算,通常会把body的字体先设置成62.5%。这样就把em值变成16px*62.5%=10px。在设置css样式时,只要将你原来的px值除以10,再换上em作为单位即可。
3、rem: 相对于根标签的单位(根标签是HTML)。可以通过它只修改根元素就能成比例地调整所有字体大小。更多是应用在移动端。CSS3中新增的相对单位
页面中的那些字体单位
最新推荐文章于 2021-06-09 23:28:18 发布