2012-03-18 3 views
0

새로운 iPad 3 및 iBook에 관한 질문이 있습니다. 고정 레이아웃 북을 만들려고 노력하고 있으며 위대한 새 망막 디스플레이를 최대한 활용하고 싶지만 전체 @ 2x 해상도로 이미지를 올바르게 표시 할 수는 없습니다. 내 HTML에서Retina 디스플레이 iBooks 고정 레이아웃

나는 현재 나는 또한 복사 및이

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

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

등 보이는 애플 고정 레이아웃 샘플 코드에서 CSS를 변경

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

내 머리 선언에서 다음과 같은 크기를 가지고 내가 사용하고있는 이미지가 1340xx2008x이므로 올바르게 표시해야한다고 생각했습니다. IBA로 테스트를했는데 이미지를 완벽하게 표시하는 것처럼 보이므로 iBooks 2가 더 큰 이미지를 지원할 수 있습니다. 내가 바꿀 필요가있는 것이 궁금합니다.

도움을 주시면 감사하겠습니다. 미리 감사드립니다.

답변

0

iBooks에는 이미지 당 2 백만 픽셀의 제한이 있습니다. 이것은 iPad3에서 (적어도, 적어도) 바뀌지 않았습니다.

Page 47 iBookStore 자산 가이드 (4.8). "고정 레이아웃 북에서 이미지 작업시 다음이 적용됩니다. - 최대 크기는 이미지 당 2 백만 픽셀입니다. 큰 이미지는 압축되어 이미지 품질이 떨어지고 성능이 저하됩니다."

+0

또한 Webkit에는 고해상도 이미지에 문제가있는 것 같습니다. 이는 iBook에도 영향을 줄 수 있습니다. http://duncandavidson.com/blog/2012/03/webkit_retina_bug – pagelab