时间戳

首页 > 解决方案 > 125% 的 Windows 10 在 Web 中扩展

javascript - 125% 的 Windows 10 在 Web 中扩展

问题描述

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

标签： javascripthtmlcsswindows-10scale

解决方案

你要问的兄弟可以通过 via 实现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

如需进一步研究，请查看以下内容：

使用 JS 强制页面缩放 100%

希望这可以帮助！

推荐阅读