iPad-iPhone缩放背景图像

只是想知道是否有其他人体验过iPad/iPhone缩小背景图像以适应查看端口

---

在我的例子中，我通过javascript交换背景图像，新的背景图像超宽，适合大屏幕显示。然而，iPad正在缩小通过javascript添加到DOM中的背景图像。我通过将“-webkit background size”设置为图像应该的大小来解决这个问题，但这会导致背景图像被拉伸和像素化

iphoneOS将每幅200万像素（宽*高）以上的图片缩放50%。

---

我通过将背景分割成两张图片来实现这一点。

您所要做的就是在页面的内部添加此元标记，以防止背景图像被缩放

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

---

这在iPad上适用：

-webkit-background-size: length_x length_y;

---

首先，如果您将图像导出为32位png（我使用Fireworks），并在背景中使用该png而不是jpg文件，IOS将不会缩放图像。工作起来很有魅力，大小与jpg差不多，质量100%（实际上稍微小一点）

另外，为了更好地使用ipad/iphone，您还应该：

a） 用do body标签设置最小值（我的通常是980px）

b）为视口元标记设置相同的宽度

<meta name="viewport" content="width=980px">

用户现在应该能够：
-查看您创建的设计
-缩放内容（如果在视口元标记上使用“初始比例=1，最大比例=1”，则无法缩放内容）

---

-将设备环境更改为纵向，反之亦然，没有问题

有趣的是，我最终为iPad用户使用了一个更小版本的相同图像，我想，因为它不到200万像素-我不再有问题。有趣的是，我也可以确认这一行为。你知道在哪里可以找到一些关于这个的官方文档吗？这里有一些文档：viewport meta标记只影响页面的初始比例及其范围。当iPad提供的图像大于2M像素时，无论视口设置如何，它都会缩放到50%。我发现初始比例=1.0对于正确显示背景图像非常重要。是的，这是一个更好的答案。你也可以用%来表示长度和高度。虽然这个方法很有效，但之后图像看起来很糟糕。因为iOS先将图片缩小50%，然后将缩小的版本放大50%。结果是这张照片看起来很糟糕。哦，我讨厌这些非标准行为。我可以确认这个解决方案适用于运行iOS 3的第一代iPodtouch。较新版本的iOS（不确定是否从4开始，肯定是从5开始）支持常规背景大小。

<meta name="viewport" content="width=980px">