Html 如何根据屏幕缩放级别调整字体大小？

CSS中有没有一种方法可以根据屏幕缩放级别动态调整字体大小

比如说，在普通显示器上，我想使用16px字体

但是当页面在HDTV（1080P屏幕，显示设置比例=150%）中打开时，我希望字体变成12px

---

这可行吗？我正在使用引导，不确定这是否相关。

是的，可以使字体大小响应。你可以使用这些装置中的任何一个。你可以找到更多的细节

rem-相对于根元素的字体大小 vw-相对于视口宽度的1%* vh-相对于视口高度的1%* vmin-相对于视口*较小尺寸的1% vmax-相对于视口*较大尺寸的1% %-相对于父元素 我广泛使用大众和vh进行响应性设计，您可以尝试使用加粗点装置

提示：em和rem单元在创建完美可伸缩性方面非常实用 布局 *视口=浏览器窗口大小。如果视口宽度为50厘米，则1vw=0.5厘米

---

使用引导与此无关。为了实现这一点，您需要编辑CSS并添加一些媒体查询。请看：。