CSS中高度根據(jù)內(nèi)容變化是一個常見的需求，通常我們會使用height: auto;來實現(xiàn)。它可以讓元素的高度根據(jù)內(nèi)容自動變化，而不用設(shè)置一個固定的高度值。

這個特性在響應(yīng)式設(shè)計中非常有用，因為我們通常不知道元素內(nèi)容的具體高度，而使用height: auto;可以讓它自動適應(yīng)不同的屏幕尺寸。

.example {
height: auto;
}

但是，有些時候我們需要在height: auto;的基礎(chǔ)上，設(shè)置一個最大高度或最小高度。這時候可以使用min-height和max-height屬性。

.example {
height: auto;
min-height: 100px;
max-height: 300px;
}

這樣，在內(nèi)容不足100px的時候，元素會自動增加高度；而在內(nèi)容超過300px的時候，元素會出現(xiàn)滾動條。

總而言之，CSS中高度根據(jù)內(nèi)容變化是一種十分實用的特性，可以讓我們在響應(yīng)式設(shè)計中更輕松地適應(yīng)不同的設(shè)備。