bootstrap，bootstrap-material-design，300%高分辨率显示

Question

我的屏幕分辨率为3800x2400，建议分辨率为300%。我有一个1920x1080的屏幕(监视器1)和另一个如上所述的屏幕(监视器2)，我正在处理rems，我的代码在监视器1中显示得很完美，但在监视器2中变得太大:当我检查DOM时，所有的大小，页边距，填充在px中都是一样的，除了在监视器2中它显示得太大并且有滚动条。

html { 
  font-size: 8px;

  @media (min-width: @screen-sm-min-width) { 
    font-size: 10px;
  }

}

@screen-sm-min-width = 768px

我使用的是基于8px的移动计算的rems，对于平板电脑或更大的基于10px的计算。

监视器1

​

​

监视器2

​

​

在监视器2中，它太大了，需要一个滚动条。我检查了DOM，pxs中的所有大小都没问题，和监视器1中的一样。为什么会这样显示？

Answer 1

这是DPI缩放的问题。Chrome has had issues with this since version 54.

如果你在Windows10上运行Creator的更新，你可以通过转到你的web浏览器的属性，选择“兼容性”并选中“覆盖高DPI缩放行为”来修复这个问题。

​

​