css屏幕变小 字也变很小

CSS是网页设计中不可或缺的一部分，但是有时候在改变屏幕大小时，会出现字体变得非常小的情况。这是一个十分麻烦和不好的问题，会影响用户的体验。所以，在网页设计中，我们需要考虑到这个问题。

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

以上代码是一种解决方案，当屏幕大小小于等于768像素的时候，将整个文档的字体大小设置为12像素。这样，在屏幕变小时，文档内容的字体也会相应变小，但不至于太小无法阅读。

除了以上这种方法外，还有其他很多解决方案，如使用rem、em等单位代替px，或者使用viewport等技术，都可以达到同样的效果。为了让用户能够更好地使用网页，我们需要在设计中考虑到各种情况，并尽可能地提供更好的体验。