ios - 视网膜显示 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;
}

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

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

score 0 · Accepted Answer

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

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

1 回答 1