CSS字體等比例縮小的方法
在CSS中,我們可以通過設(shè)置字體大小(font-size)來等比例縮小字體,以下是一個(gè)示例:
p { font-size: 16px; /* 原始字體大小 */ } .small-text { font-size: 0.5em; /* 縮小字體到原始字體大小的一半 */ }
在這個(gè)示例中,段落(p)的字體大小設(shè)置為16像素,我們定義了一個(gè)類(.small-text),將字體大小設(shè)置為0.5em,這意味著字體大小將縮小到原始字體大小的一半,你可以根據(jù)需要調(diào)整這個(gè)比例。
使用em單位可以確保字體大小在嵌套元素中仍然保持相對大小,如果你在一個(gè)段落內(nèi)部使用了一個(gè)列表(ul),列表項(xiàng)(li)的字體大小將自動縮小到段落的字體大小。