css3 高度自适应字体 |css 非粗体

css 中的 -，css的规范命名，html css单选按钮样式，css指定p标签内容，css透明色值8位，css点击下拉框颜色，css 非粗体 css3 高度自适应字体 |css 非粗体

传统的字体大小使用像素进行测量，这意味着如果用户使用的是高分辨率屏幕，那么您的字体可能会显得过小，不够清晰。而如果用户使用的是低分辨率屏幕，那么您的字体可能会显得过大，影响阅读体验。

使用CSS3的高度自适应字体，可以避免这种问题。您可以使用EM或REM单位作为字体大小，这样字体大小可以根据用户的浏览器设置自动调整。

// 设置字体大小
body {
font-size: 1rem; /* 等同于16像素（默认字体大小） */
}
h1 {
font-size: 2.5rem; /* 等同于40像素 */
}
p {
font-size: 1rem; /* 等同于16像素 */
}
// 使用EM单位
p {
font-size: 1.2em; /* 等同于19.2像素 */
}
// 使用REM单位
p {
font-size: 0.8rem; /* 等同于12.8像素 */
}

总的来说，使用CSS3的高度自适应字体，可以让您的网站在各种屏幕上表现出色，提升用户的阅读体验。