Retina Display iBooks Fixed Layout

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; 
} 

image Я использую 1340px x 2008px, поэтому я думал, что он должен просто отображаться правильно. Я сделал тест с IBA, и, похоже, он отлично отображает изображение, поэтому я знаю, что iBooks 2 может поддерживать большее изображение. Просто интересно, что мне нужно изменить?

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

Answer 1

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

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