CSS自动扩展是一种在网页设计中非常实用的特性。通过使用CSS自动扩展，我们可以使网页在不同屏幕尺寸下适应不同的显示设备，并且能够更好地呈现给用户。

@media screen and (max-width: 768px) {
body {
font-size: 14px;
}
}
@media screen and (min-width: 768px) {
body {
font-size: 16px;
}
}

上面的代码表示当屏幕尺寸小于768px时，将body元素的字体大小设置为14px；当屏幕尺寸大于等于768px时，将body元素的字体大小设置为16px。这种方式可以通过响应式设计，让网页在不同设备上都能够以最佳的视觉效果呈现给用户。

CSS自动扩展不仅可以用于字体大小的调整，还可以用于调整布局、颜色、边距等样式的设置。这就使得我们在设计网页时能够更加灵活地适应各种不同的设备和屏幕尺寸。

总而言之，CSS自动扩展是网页设计中非常重要的一个特性。它不仅可以为用户提供更好的视觉体验，还可以让我们在设计网页时更加灵活和自由。