我的背景有问题。要使用的图像是具有透明度的 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/