CSS中,vw和px是常見的兩種長度單位。
/* 使用vw */
.my-element {
font-size: 4vw;
width: 50vw;
}
vw是視窗寬度的百分比,一等分視窗寬度為1vw。因此,4vw的字體大小相當(dāng)于視窗寬度的4%。
/* 使用px */
.my-element {
font-size: 16px;
width: 300px;
}
px是像素,是屏幕上最小的可見單元。1px相當(dāng)于顯示器上的一個點(diǎn)。因此,16px的字體大小相當(dāng)于顯示器上的16個點(diǎn)。
vw和px都有自身的優(yōu)缺點(diǎn)。vw相比px更加靈活,可以根據(jù)視窗大小調(diào)整大小。但vw不支持IE8及以下版本。px相對穩(wěn)定,不受設(shè)備影響,但可能需要媒體查詢來調(diào)整大小,以適應(yīng)不同的設(shè)備。