建站知识
css中font字体单位
2024-12-26 18:14  点击:2

CSS中font字体单位用于设置文本字体的大小和行高,它可以是绝对单位或相对单位。

font-size: 14px;

其中14px是绝对单位,表示字体大小为14像素。

另外,还可以使用相对单位,例如:

font-size: 1.5em;

其中1.5em表示字体大小为父元素字体大小的1.5倍。

除了像素和em,还有其他的相对单位,例如rem、ex和ch等。

在设置字体大小时,要注意适配不同设备的屏幕。

@media screen and (max-width: 576px) {body {font-size: 14px;}}@media screen and (min-width: 577px) and (max-width: 768px) {body {font-size: 16px;}}@media screen and (min-width: 769px) {body {font-size: 18px;}}

上面的代码是设置在不同屏幕尺寸下,body的字体大小分别为14px、16px和18px。