DPI 或在 Windows 上使用 Firefox 进行缩放

时间:2021-03-17 01:58:48

标签: css windows google-chrome firefox dpi

我的一位客户抱怨他的网站上出现了一些“伪像”,这些“伪像”出现在他的带有 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(&quot;https://www.sitepor500.com.br/imagens/fundo3.jpg&quot;);"></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 上,我看到了这个:

enter image description here

在我的 Firefox 上,我看到了:

enter image description here

你能看到右边的文物吗?那么,是否有一个 CSS 属性可以用来告诉浏览器按预期工作并避免这些工件?

0 个答案:

没有答案
相关问题