CSS3的calc()與vw單位都是CSS3中新增的特性,它們分別提供了更加靈活和便捷的樣式設(shè)置方式。
calc()可以讓我們?cè)贑SS中進(jìn)行簡(jiǎn)單的算術(shù)計(jì)算,例如:
width: calc(100% - 20px);
這樣就可以讓元素的寬度在100%的基礎(chǔ)上減去20像素,從而達(dá)到自動(dòng)適應(yīng)容器的效果。
而vw單位則提供了相對(duì)于視口寬度的單位,例如:
font-size: 3vw;
這樣就可以讓文字的大小根據(jù)當(dāng)前視口的大小自動(dòng)進(jìn)行調(diào)整,從而達(dá)到更好的響應(yīng)式效果。
當(dāng)然,除了上述用途,calc()和vw還有很多其他的靈活應(yīng)用方式,可以讓我們?cè)陂_發(fā)中更好地應(yīng)對(duì)不同的需求,提高工作效率和用戶體驗(yàn)。