【问题标题】: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 是的,显然我也很“固执”,因为我想要实际上能够看到和阅读文本,因此使用我认为的缩放功能正是这个目的。唉,似乎没有完美的视力是一种人格缺陷。
猜你喜欢
  • 1970-01-01
  • 2021-04-24
  • 2016-07-14
  • 2011-11-14
  • 1970-01-01
  • 2012-04-23
  • 2014-07-26
  • 1970-01-01
  • 2017-07-29
相关资源
最近更新 更多