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

时间:2017-11-24 13:16:46

标签: html css sass

有没有办法防止网页上的Windows文字缩放,即使Windows字体缩放到125%或150%,也不会显示缩放的网页。

enter image description here

1 个答案:

答案 0 :(得分:0)

据我所知,只有在屏幕缩放级别增加时才会缩放的单位是视口百分比单位(vhvw以及基于这些的单位)。这些可以设置为任何其他单位:

p {
  font-size: 2vw;
}

以下内容来自MDNs explanation on these units

  

vh :等于视口初始包含块高度的1%。

     

vw :等于视口初始包含块宽度的1%。

     

vmin :等于vw和vh中的较小者。

     

vmax :等于vw和vh中的较大者。

要了解如何将这些内容用于文本,请在CSS-Tricks on Viewport Sized Typography处找到一篇文章。它可能不是每个网站的权利,但对于正确的用例肯定是可能的。