0

我正在开发一个混合的 iPhone 应用程序，大部分界面都是用 HTML5 和 CSS3 完成的。最近好像特别是从ios 5.1更新之后，app里的图片真的变得很模糊，好像被拉长了一样。它们都div带有background-image属性集，并background-size设置为'cover'。

我在 html 索引文件中也有这一行，但我看不出它应该如何影响任何事情

<meta name="viewport" content="width=320"/>

这是一个图像看起来有多糟糕的示例。这张图片的大小约为 2em x 2em，如果我没记错的话，它的大小应该是 32 像素 x 32 像素，字体大小为 16 像素。

应用程序中的图像模糊

原图：

原来的

如您所见，原版具有相当大的分辨率，当它是 32 像素 x 32 像素时，应用程序中不应该有任何拉伸。

拜托，这非常令人沮丧，因此非常感谢任何帮助。就像我说的，它以前没有这样做，它似乎是在最新的 iOS 5.1 更新后才出现的。

4

2 回答 2

1

对于 Retina 显示器，您可能希望包含更高分辨率图像的指示。如：

background-image: url(your-image@2x.png);
于 2012-05-30T01:11:38.460 回答
0

原来这是罪魁祸首

*
{
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}

我最初有这些是因为有时我的 CSS3 动画会导致屏幕闪烁，这解决了这个问题。好吧，它似乎是在用一袋问题换另一袋，因为去掉这两种风格会让一切都变得清晰明了。

我多看了一点，它出现了

-webkit-transform-style: preserve-3d;

有传言说可以在不添加模糊的情况下修复闪烁。

于 2012-05-30T05:35:18.570 回答