[分享]css中font size的合法单位

在CSS中，设置字体大小是非常常见的一项样式设置。然而，需要注意的是，在CSS中不是所有的单位都是合法的。下面我们来一一介绍。/ 合法单位 / fontsize: 12px; / 像素 / fonts...

在CSS中，设置字体大小是非常常见的一项样式设置。然而，需要注意的是，在CSS中不是所有的单位都是合法的。下面我们来一一介绍。

/* 合法单位 */
font-size: 12px; /* 像素 */
font-size: 1.2em; /* 相对单位：em（倍数）*/
font-size: 80%; /* 相对单位：百分比 */
font-size: 1rem; /* 相对单位：根元素字体大小 */

/* 非法单位 */
font-size: 12pt; /* 相对单位：点（pt）*/
font-size: 1in; /* 相对单位：英寸（in）*/
font-size: 1cm; /* 相对单位：厘米（cm）*/
font-size: 1mm; /* 相对单位：毫米（mm）*/
font-size: auto; /* 参数不是具体的数值，而是关键字，不能用于font-size */ 

在这里，我们可以看到像素、相对单位和百分比是合法的单位，而点、英寸、厘米和毫米等单位则不合法。需要特别注意的是，虽然rem是相对单位，但它是相对于根元素字体大小，因此仍然是合法的。

在选择合适的字体大小单位时，一般建议使用相对单位和百分比，因为它们可以根据页面布局和设备屏幕大小进行动态调整，从而保证网页的样式效果不会随着屏幕尺寸的变化而失真。而像素单位则相对固定，可能会导致在不同尺寸的屏幕上文字大小出现不一致的情况。