前端——CSS的几种字体单位

一、设置字体大小的方法：

        CSS中有很多种方法来设置字体大小，可以使用固定取值，也可设置不同单位和大小

font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length

        示例：

        p { font-style: normal; }

        p { font-size: 12px; }

        p { font-size: 20%; }

二、字体单位：

px：像素单位，在任何媒体上都可以保证一个像素的差别是可见的。

em：相对单位，相对于父元素的大小，1em表示1个父元素字体大小；可自由缩放，调整一个元素即可成比例的改变所有元素的大小。

pt：磅，绝对单位，无法缩放，通常只用在已经知道是哪种输出设备的情况下。

vw：视窗单位，表示视窗宽度的百分比，1vw表示视窗宽度的1%，例如，视窗宽度为1000px，那么1vw表示10px。无论设备屏幕大小如何，字体大小始终是视窗宽度的固定比例，但也可能存在一些问题，比如在小屏幕上可能字体看起来太小，而在大屏幕上可能字体看起来太大。实际使用时应根据不同设备和屏幕大小调整比例。