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

Question

CSS中是否有一种方法可以根据屏幕缩放级别来动态更改字体大小（调整）？

让我们在常规显示器上说我想使用16px字体。

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

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

Answer 1

是的，可以使字体大小响应。您可以使用任何这些单元。您可以找到更多详细信息here

• rem-相对于根元素的字体大小
• vw-相对于视口宽度的1％*
• vh-相对于视口高度的1％*
• vmin-相对于视口*较小尺寸的1％
• vmax-相对于视口*较大尺寸的1％
• ％-相对于父元素

我广泛使用vw和vh进行响应式设计，您可以尝试使用粗体点单位

  

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