125% Windows 10 在网络中的扩展

Question

某些使用 Windows 10 的客户端已将屏幕比例设置为 125% 或 150%（请参阅Windows 中的屏幕分辨率）。当他们访问我的网站时，除非将缩放设置更改为 100%，否则他们看不到某些内容。有没有机会通过代码修复它？如何在CSS中解决桌面缩放（不是浏览器缩放）？谢谢你！

Answer 1

你所要求的兄弟可以通过实现CSS Media-Queries。但是，为此您将需要了解screen-resolution您的客户。之后，对于该特定屏幕，您可以编写媒体查询并修复您的 UI。

例子：

@media only screen and (min-width: 1440px) { 

  //Write your CSS fixes here

}

但是，假设问题只是因为您的客户很固执，他只想将默认缩放大小设置为 125% 或 150%，然后访问您的网站。在这种情况下，您必须在登陆页面时添加 JavaScript：

document.body.style.zoom = 1.0

通过 jQuery 你可以将其写为：

$(document).ready(function(){

  document.body.style.zoom = 1.0

});

或者，您可以使用：

var 比例 = '比例(1)';

document.body.style.webkitTransform =  scale;    // Chrome, Opera, Safari

document.body.style.msTransform =   scale;       // IE 9

document.body.style.transform = scale;     // General