在CSS中,我們可以使用font-size
屬性來(lái)調(diào)整字體的大小,這個(gè)屬性可以設(shè)置一個(gè)具體的像素值,或者是一個(gè)相對(duì)的大?。ㄈ?code>larger、smaller
),以下是一些示例:
1、設(shè)置一個(gè)具體的字體大?。▎挝唬合袼兀?/p>
p { font-size: 16px; }
2、使用相對(duì)大?。?/p>
p { font-size: larger; }
3、繼承字體大?。?/p>
body { font-size: 16px; } h1 { font-size: 2em; /* 2 times the size of the body text */ }
4、使用百分比:
p { font-size: 120%; /* 120% of the parent element's font size */ }
5、使用vw
(視口寬度)單位:
p { font-size: 2vw; /* 2% of the viewport width */ }
使用vw
單位時(shí),字體大小會(huì)根據(jù)視口(即瀏覽器窗口)的寬度而變化,這可以使得在不同設(shè)備或?yàn)g覽器窗口大小下,字體大小都能保持相對(duì)一致,這種方法在響應(yīng)式設(shè)計(jì)中非常有用。