css Windows 10在Web中的扩展率为125% [已关闭]

rjee0c15  于 2023-01-27  发布在  Windows
关注(0)|答案(1)|浏览(185)

两年前关闭了。
这篇文章是编辑和提交审查2天前。
Improve this question
某些使用Windows 10的客户端已将屏幕比例设置为125%或150%(请参阅screen resolution in Windows)。
当他们访问我的网站时,他们看不到一些内容,除非他们将缩放设置更改为100%。

  • 有没有可能通过代码修复它?
  • 如何在css中解决桌面缩放(而不是浏览器缩放)问题?

谢谢大家!

4uqofj5v

4uqofj5v1#

你问兄弟的问题可以通过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
});

或者,您可以使用:
变量刻度="刻度(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
霍普,这个有用!

相关问题