视网膜显示 iBooks 固定布局

Question

我有一个关于新 iPad 3 和 iBooks 的问题。我正在尝试制作一个固定布局的书，并希望充分利用出色的新 Retina 显示屏，但是我无法以完整的 @2x 分辨率正确显示图像。

在我的 HTML 中，我的头部声明中目前有以下尺寸

<meta name="viewport" content="width=670, height=1004"/>

我还复制并更改了 Apple Fixed Layout 示例代码中的 CSS，如下所示

img.background {
width: 670px;
height: 1004px;
margin: 0;
top: 0;
left: 0;
z-index: -1;
}

.page {
width: 670px;
height: 1004px;
overflow: hidden;
}

我使用的图像是 1340 像素 x 2008 像素，所以我认为它应该可以正确显示。我用 IBA 进行了测试，它似乎可以完美地显示图像，所以我知道 iBooks 2 可以支持更大的图像。只是想知道我需要改变什么？

任何帮助将不胜感激。提前致谢

Answer 1

iBooks 中每张图片的像素限制为 200 万像素。这在 iPad3 中并没有改变（至少是这样）。

iBookStore 资产指南 (4.8) 第 47 页。 “以下内容适用于在固定布局书籍中处理图像： - 每个图像的最大尺寸为 200 万像素。较大的图像将被压缩，从而导致图像质量和性能下降。”