Html ipad2 safari展示了劣质jpg

我很难在iPad2上正确显示一个大jpg。该文件为9577x600像素，设置为div上的背景图像。我已在该div上定义了

-webkit background size

，并将其设置为与图像相同的尺寸。我还将视口元标记设置为：

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>

以下是我在ipad上看到的与我在桌面上看到的相比的屏幕截图：

---

有人知道是什么原因造成的吗？

对于手机和ipad等设备，您应该始终使用双尺寸图像（HD图像）

例如，如果显示图像尺寸为200*200，则应获取400*400尺寸的原始图像，并使用

max width

或

width

属性设置图像的原始尺寸

---

阅读本文了解更多信息

您是否尝试过不使用

元标记行和/或不使用
-webkit background size
属性？
问题已解决-我必须将大图像分成两部分，并将它们作为背景图像放在两个不同的div上。ipad一定很难适应大像素尺寸。
你能添加代码吗？？图像标签和与图像相关的css我假设9577是一个打字错误，你是说957？哪种版本的iPad，除非是iPad1，你正在处理视网膜显示，因为你的图像已经比视口小了，你要放大它，这在最好的情况下是一场灾难。在谷歌上搜索视网膜显示器的设计。这不是打字错误，而是一幅很宽的图像。我现在正在使用ipad2，视网膜在这里不是问题。它本身不是图像-它是div上的背景图像，视网膜在这里不是问题。它将图像压缩到屏幕的宽度，而无需
-webkit background size
。删除meta标记除了使页面可缩放（我不希望这样）之外，什么也做不了。
#content { position: relative; background: url(../images/infographic.jpg) left top no-repeat; width: 9577px; height: 600px; -webkit-background-size: 9577px 600px; }