Css是前端開發(fā)中的重要一項(xiàng)技能，其中的字體單位也是必不可少的部分，它可以幫助我們實(shí)現(xiàn)不同屏幕大小下的字體調(diào)整，下面介紹一下常用的Css字體單位，

/* 最常用的單位是px，是像素值，可以給定任何整數(shù)數(shù)值，需要注意的是在不同的屏幕下可能會出現(xiàn)字體模糊的情況 */
p {
font-size: 16px;
}
/* em是相對于父元素的字體大小，1em等于父元素的字體大小，可以用于響應(yīng)式排版，動態(tài)的適應(yīng)父元素字體大小，用于用戶設(shè)置的字體大小調(diào)整 */
.foo {
font-size: 3em;
}
/* rem也是相對于根元素（即html標(biāo)簽）的字體大小，1rem等于html元素的字體大小，它可以解決多屏幕大小下的字體調(diào)整問題，但不支持IE8及以下 */
body {
font-size: 16px;
}
h1 {
font-size: 2rem;
}
/* vw和vh是相對于視口的寬度和高度，1vw等于視口寬度的1% */
.bar {
font-size: 5vw;
}
/* vmin和vmax是相對于視口寬度和高度中較小和較大的那個，1vmin等于視口寬度和高度中較小的那個的1% */
.baz {
font-size: 2vmin;
}

在使用字體單位時需要根據(jù)實(shí)際需求進(jìn)行選擇和兼容性考慮，合理搭配可以實(shí)現(xiàn)更好的響應(yīng)式效果。