font-size: 18px; @media (max-width: 768px) { font-size: 16px; } @media (max-width: 576px) { font-size: 14px; }
上面的代码使用了 CSS 中的媒体查询(@media),当屏幕宽度小于等于 768 像素时,字体大小设置为 16 像素,当屏幕宽度小于等于 576 像素时,字体大小进一步缩小到 14 像素。
这样就可以使得文字自动缩小以适应不同的屏幕大小。当然,具体的字体大小可以根据实际需求调整。