html - 如何防止windows文本缩放当前文档

Question

有没有一种方法可以防止 Windows 文本在网页上缩放并显示未缩放的网页，即使 Windows 字体缩放到 125% 或 150%。

Answer 1

据我所知，当屏幕缩放级别增加时，唯一不会缩放的单位是视口(viewport)百分比单位(vh 和 vw 以及那些基于这些)。这些可以设置为任何其他单位:

p {
  font-size: 2vw;
}

以下来自MDNs explanation on these units :

vh: Equal to 1% of the height of the viewport's initial containing block.

vw: Equal to 1% of the width of the viewport's initial containing block.

vmin: Equal to the smaller of vw and vh.

vmax: Equal to the larger of vw and vh.

要了解如何将这些用于文本，请参阅 CSS-Tricks on Viewport Sized Typography 上的一篇文章.它可能并不适合每个网站，但对于正确的用例来说肯定是可能的。