bootstrap，bootstrap-material-design，高分辨率顯示爲300％

我的屏幕在建議的300％時分辨率爲3800x2400時出現問題。我有一個屏幕1920x1080（顯示器1）和另一個如上所述（顯示器2），我正在使用雷姆斯和我的代碼在監視器1中顯示完美，但在監視器2中顯示得太大：所有大小，邊距，當我檢查DOM時，px中的填充是相同的，除了在監視器2中它顯示太大並且具有滾動條。bootstrap，bootstrap-material-design，高分辨率顯示爲300％

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中一樣。爲什麼這個顯示是這樣的？

來源

2017-08-09 Luis Mauri

這個問題是否在多個瀏覽器中持續存在？ – ale10ander

這是DPI縮放問題。 Chrome has had issues with this since version 54.

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

來源

2017-08-09 17:17:23 ale10ander

這可行，但我需要一些比代碼更多的東西，或者需要刪除庫中的某些代碼，因爲我無法控制用戶的設置。我只是爲了防止這個lib：https：//github.com/FezVrasta/bootstrap-material-design。 –

看起來官方迴應（如上面鏈接）一直是「這是一個開發人員問題」，沒有澄清開發者可以採取哪些措施來解決問題。我不知道可以實施的非客戶端解決方案。對於在不同分辨率的多臺顯示器上運行Chrome的人來說，這是個大問題。 – ale10ander

bootstrap，bootstrap-material-design，高分辨率顯示爲300％

回答

相關問題