一、设置字体大小的方法:
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。无论设备屏幕大小如何,字体大小始终是视窗宽度的固定比例,但也可能存在一些问题,比如在小屏幕上可能字体看起来太小,而在大屏幕上可能字体看起来太大。实际使用时应根据不同设备和屏幕大小调整比例。