CSS百分比基準(zhǔn)是一個常見的網(wǎng)頁開發(fā)概念。通過百分比，可以在不同設(shè)備之間保持一致的網(wǎng)頁布局效果。下面我們來簡單介紹一下如何使用CSS百分比基準(zhǔn)。

h1{
font-size: 2em;
}
@media (min-width: 768px){
h1{
font-size: 3em;
}
}

在上面的代碼中，我們?yōu)閔1元素的字體大小設(shè)定了一個百分比基準(zhǔn)。當(dāng)屏幕寬度小于768像素時，h1元素的字體大小為瀏覽器的默認(rèn)值2em。當(dāng)屏幕寬度大于等于768像素時，h1元素的字體大小變?yōu)?em。

.container{
width: 80%;
margin: 0 auto;
}

在上面的代碼中，我們使用百分比基準(zhǔn)設(shè)定了一個容器元素的寬度，并且利用margin屬性將容器水平居中對齊。這樣做可以確保容器在各種設(shè)備上都能適應(yīng)不同的屏幕大小。