CSS最小尺寸，是指 CSS 中能夠設置的最小寬度和高度。在設計響應式網(wǎng)站時，了解最小尺寸非常重要。最小尺寸的計算需要考慮到內(nèi)容的大小以及瀏覽器和設備的視口大小。

對于寬度來說，最小尺寸的計算方法通常是將內(nèi)容的實際寬度加上所需的外邊距（如 padding 和 border）再加上任何偏移量，比如應用于子元素上的 left 和 right 屬性。在這個過程中，我們需要確保容器元素的最小寬度不會小于所設置的最小寬度值，否則會導致內(nèi)容溢出。

.container {
width: 300px;
min-width: 200px;
padding: 20px;
border: 1px solid #ccc;
}
.item {
width: 50px;
height: 50px;
margin: 10px;
border: 1px solid #ccc;
}

在上面的代碼示例中，我們設置了一個容器元素和若干子元素。容器元素的最小寬度為 200 像素，因此即使瀏覽器和設備的視口寬度小于 300 像素，該容器元素仍然會顯示在屏幕上。而子元素的寬度為 50 像素，加上 10 像素的外邊距后，每個子元素所占用的最小寬度為 60 像素。

對于高度來說，最小尺寸的計算方法與寬度類似。需要考慮到內(nèi)容的實際高度加上所需的外邊距（如 padding 和 border）再加上任何偏移量，比如應用于子元素上的 top 和 bottom 屬性。一般情況下，我們可以將容器元素的最小高度設置為 0，這樣可以確保子元素在高度方面的自適應性。

.container {
min-height: 0;
}
.item {
height: 50px;
margin: 10px;
border: 1px solid #ccc;
}

在上面的代碼示例中，我們對容器元素和子元素分別設置了最小高度和固定高度。由于容器元素的最小高度為 0，子元素的高度不會受到容器元素高度的限制，而是可以自適應地適配內(nèi)容的高度。