새로운 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가 더 큰 이미지를 지원할 수 있습니다. 내가 바꿀 필요가있는 것이 궁금합니다.
도움을 주시면 감사하겠습니다. 미리 감사드립니다.
또한 Webkit에는 고해상도 이미지에 문제가있는 것 같습니다. 이는 iBook에도 영향을 줄 수 있습니다. http://duncandavidson.com/blog/2012/03/webkit_retina_bug – pagelab