2012-03-18 15 views
0

新しいiPad 3およびiBookに関する質問があります。私は固定レイアウトブックを作ろうとしており、偉大な新しい網膜ディスプレイをフルに活用しようとしていますが、完全な@ 2倍の解像度で正しく表示するイメージは得られません。RetinaディスプレイiBooks固定レイアウト

私は現在、私の頭の宣言では、以下のサイズ

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

私もコピーされ、この

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

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

のように見えるアップル固定レイアウトサンプルコードからCSSを変更する必要があり、私のHTMLで

私が使用している画像は1340px x 2008pxなので、正しく表示されるはずです。私はIBAでテストを行い、イメージを完全に表示しているように見えるので、iBooks 2がより大きなイメージをサポートできることはわかっています。何を変える必要があるのだろうか?

ご協力いただければ幸いです。事前に感謝します

答えて

0

iBooksには画像あたり200万画素の制限があります。これはiPad3では変わらなかった(少なくとも、少なくとも)。 iBookStoreアセットガイド(4.8)の

Page 47 "固定レイアウトブックで画像を操作する場合、以下が適用されます。 - 最大サイズは200万ピクセル/イメージです。画像が大きくなると圧縮され、画質が低下し、パフォーマンスが低下します。

+0

また、Webkitには高解像度の画像に問題があるようです。これはiBookにも影響します。 http://duncandavidson.com/blog/2012/03/webkit_retina_bug – pagelab

関連する問題