p { font-size: 16px; }
1. px
px(像素)是最常用的字体大小单位之一,它的大小是固定的,不受其他因素影响,例如计算机屏幕的分辨率或用户设置的默认字体。
下面是一个以px为单位的字体大小示例:
p { font-size: 16px; }
2. em
em是相对单位,大小基于其父元素的字体大小而确定。如果元素的字体大小为1em,则1.5em表示1.5倍字体大小。
下面是一个以em为单位的字体大小示例:
p { font-size: 1.2em; }
3. rem
rem是相对单位,大小基于根元素(即html元素)的字体大小而确定。这意味着,rem单位的字体大小不会受到父元素的影响,仅仅受到根元素的影响。
下面是一个以rem为单位的字体大小示例:
p { font-size: 1.2rem; }
4. vh和vw
vh和vw是相对单位,大小基于视口的高度和宽度。它们的值分别为视口高度和宽度的1/100。这使它们成为响应式设计的理想单位。
下面是一个以vh为单位的字体大小示例:
p { font-size: 5vh; }
以上就是CSS中常见的字体大小单位。不同的场景和需求,选择合适的单位才是最重要的。