0

我的背景有问题。要使用的图像是具有透明度的 2x2px png，正在重复以提供图案。在大屏幕和手机上运行良好，但在我的 Nexus7 上却出现了问题，显示出一种莫尔条纹。显然图片正在以某种方式缩放，我只是不知道为什么。

我的 CSS： background: url(pattern.png) repeat top left;

我也试过： background: url(pattern.png) repeat 2px;

我像这样设置视口： <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

还有另一个网站显示了同样的问题（至少在我的平板电脑上）：http ://hansimglueck-burgergrill.de/

4

1 回答 1

0

我知道这个问题很老了。也许有人会发现这个。现代屏幕通常具有更高的像素密度，因此可以将图片插入到 1.6 倍的尺寸，以获得更清晰的类似视网膜的显示。我使用的图案被分割成亚像素，因此显示出莫尔条纹。希望这对人们有所帮助。

于 2014-05-10T13:15:21.527 回答