125% Windows 10 在网络中的扩展

Question

某些使用 Windows 10 的客户端已将屏幕比例设置为 125% 或 150%（请参阅Windows 中的屏幕分辨率）。

当他们访问我的网站时，除非将缩放设置更改为 100%，否则他们看不到某些内容。

• 有没有机会通过代码修复它？

• 如何在CSS中解决桌面缩放（不是浏览器缩放）？

谢谢你！

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 比例 = '比例(1)';document.body.style.webkitTransform =  scale;    // Chrome, Opera, Safaridocument.body.style.msTransform =   scale;       // IE 9document.body.style.transform = scale;     // General