基點css是什么？基點css是一種css單位，它使得在不同屏幕尺寸下，元素的大小可以根據基點的大小來自適應。

/* 假設我們設置基點為10px */
html{
font-size: 10px;
}

上述代碼將html的字體大小設置為10px，那么在后面的樣式中，我們可以使用rem單位，例如：

/* 假設我們要設置一個寬度為20像素的元素 */
.box{
width: 2rem; /* 2rem = 2 * 10px = 20px */
}

這個元素在基點為10px的情況下，寬度為20px。如果基點變成20px，那么這個元素的寬度也會變成40px。

基點css可以幫助我們在不同尺寸的屏幕上，實現響應式設計。我們可以通過媒體查詢來改變基點的大小，例如：

/* 當屏幕寬度小于768px時，基點變成8px */
@media(max-width:768px){
html{
font-size: 8px;
}
}

上述代碼表示當屏幕寬度小于768px時，html的字體大小變成8px，那么在這個基點下，之前設置的2rem的元素寬度將變成16px。

基點css是一種非常有用和靈活的css單位，在響應式設計中有很大的用處。