要设置响应式字体,可以使用CSS中的 @media 规则来根据屏幕大小或设备类型调整字体大小。可以使用关键词 "font-size" 来设置字体的大小。在 @media 规则中,可以使用媒体查询来指定不同的屏幕大小或设备类型以及相应的字体大小。例如,以下是一个简单的示例,显示了如何在屏幕宽度小于600像素时将字体大小设置为14像素:
@media screen and (max-width: 600px) { body { font-size: 14px; } }
在这个例子中,@media 规则指定了屏幕宽度小于600像素时应用的样式,其中 "font-size" 关键词设置为 14 像素。请注意,这只是一个示例,可以根据需要更改媒体查询和字体大小。