125% 的 Windows 10 在网络中扩展 [关闭]答案

【问题标题】：125% Windows 10 scale in web [closed]125% 的 Windows 10 在网络中扩展 [关闭]
【发布时间】：2020-06-30 07:30:19
【问题描述】：

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

【问题讨论】：

另外，你是new contributor 所以想告诉你，有些人对你投了反对票，因为在 Stack-Overflow 上，你应该先尝试一些东西，然后粘贴一些代码，然后别人会帮助你！所以，下次记住这一点。您的代码可能是错误的，但必须表明至少您尝试了一些东西......干杯！

标签： javascript html css windows-10 scale

【解决方案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

希望，这会有所帮助！

【讨论】：

“但是，说问题只是因为你的客户很固执” - 他们可能不是“固执”，只是患有一些残疾/视力障碍……跨度>
@CBroe - 是的，这可能是一个原因。同意！
@CBroe 是的，显然我也很“固执”，因为我想要实际上能够看到和阅读文本，因此使用我认为的缩放功能正是这个目的。唉，似乎没有完美的视力是一种人格缺陷。