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％

回答

相关问题