Retina Display iBooks с фиксированным макетом

Question

У меня вопрос по поводу нового iPad 3 и iBooks. Я пытаюсь сделать книгу с фиксированной разметкой и хочу в полной мере использовать великолепный новый Retina Display, однако я не могу заставить изображение отображаться правильно при полном разрешении @2x.

В моем HTML у меня в настоящее время есть следующие размеры в моем объявлении головы

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

Я также скопировал и изменил CSS из примера кода Apple Fixed Layout, который выглядит следующим образом

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 может поддерживать увеличенное изображение. Просто интересно, что мне нужно изменить?

Любая помощь будет оценена. заранее спасибо

Answer 1

В iBooks есть ограничение в 2 миллиона пикселей на изображение. Это не изменилось в iPad3 (пока, по крайней мере).

Страница 47 Руководства по активам в iBookStore (4.8). "Для работы с изображениями в книгах с фиксированной разметкой применимо следующее: - Максимальный размер составляет 2 миллиона пикселей на изображение. Большие изображения будут сжаты, что приведет к снижению качества изображения и снижению производительности".