125% Windows 网络中的 10 比例

Question

我有一个使用 Windows 10 的客户，默认情况下它会将屏幕缩放到 125%，所以当他尝试在我的网站上冲浪时，除非他更改它，否则他看不到 PC 版本在 Windows 中手动进行。有没有机会从代码中修复它？谢谢！

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 scale = 'scale(1)';

document.body.style.webkitTransform =  scale;    // Chrome, Opera, Safari
document.body.style.msTransform =   scale;       // IE 9
document.body.style.transform = scale;     // General

如需进一步研究，请查看：

Force page zoom at 100% with JS

希望这对您有所帮助！

125% Windows 网络中的 10 比例

125% Windows 10 scale in web

html

javascript

css

scale

windows-10