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

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

在上面的代碼中，我們為h1元素的字體大小設定了一個百分比基準。當屏幕寬度小于768像素時，h1元素的字體大小為瀏覽器的默認值2em。當屏幕寬度大于等于768像素時，h1元素的字體大小變為3em。

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

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