自举，自举材料设计，高分辨率显示在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计算移动设备的信用卡，以及基于10px的平板电脑或更大版本进行计算。

监视器1

监控2

在显示器2中，它太大而且需要滚动条。我检查了DOM，并且px中的所有大小都没问题，与显示器1相同。为什么会出现这样的情况？

Answer 1

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

如果您在Windows 10上运行创建者更新，则可以通过转到网络浏览器的属性，选择＆＃34;兼容性＆＃34;来解决此问题。并检查＆＃34;覆盖高DPI缩放行为＆＃34;。