如何解决DPI 或在 Windows 上使用 Firefox 进行缩放
我的一位客户抱怨他的网站上出现了一些“伪像”，这些“伪像”出现在他的带有 Firefox 的 HP 笔记本电脑上（Chrome 没有显示任何问题）。他使用的是 Windows 10，他说他的 Windows 默认缩放为 125%，而他的 Chrome/Firefox 使用 100% 视图模式。
所以我在我的联想笔记本上试了一下，模拟客户说的情况，我没有看到问题。然后我在戴尔笔记本电脑上试了一下，结果和客户说的一模一样。 HTML 代码非常简单：
<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center center; background-image: url("https://www.sitepor500.com.br/imagens/fundo3.jpg");"></div>
<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(https://www.sitepor500.com.br/imagens/vegas-04.png) top left repeat; background-attachment:fixed;"></div>
您可以在计算机上的 http://quemfazsite.com.br/temp/teste.php 上实时查看此代码。
在我的 Chrome 上，我看到了这个：
在我的 Firefox 上，我看到了：
你能看到右边的文物吗？那么，是否有一个 CSS 属性可以用来告诉浏览器按预期工作并避免这些工件？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。