自舉，自舉材料設計，高分辨率顯示在300％

Question

我有一個問題，屏幕的分辨率為3800x2400，建議為300％。 我有一個屏幕在1920x1080（監視器1）和另一個如上所述（監視器2），我正在使用rems和我的代碼在監視器1中顯示完美但在監視器2中變得太大：所有大小，邊距，當我檢查DOM時，px中的paddings是相同的，除了在監視器2中它顯示得太大並且有滾動條。

html { 
  font-size: 8px;

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

}

@screen-sm-min-width = 768px

我使用rems計算基於8px的移動設備，以及基於10px的平板電腦或更大的計算。

監視器1

監視器2

在監視器2中，它太大而且需要滾動條。 我檢查了DOM，所有尺寸都在pxs中，與顯示器1相同。為什么會出現這樣的情況？

Answer 1

這是DPI擴展的問題。 自54版以來，Chrome一直存在此問題。

如果您在Windows 10上運行Creator的更新，可以通過轉到Web瀏覽器的屬性，選擇“兼容性”並選中“覆蓋高DPI縮放行為”來解決此問題。