iPad用ウェブサイトをデザインする

Question

Apple iPadのウェブサイトをデザインする方法について少しアドバイスが必要です。

すべての事実を最初に、そして私の計画： 事実： - iPadは1024×768の画面 を持っている - 表示可能です（FOLD）の肖像画では916と土地で660です。 この情報についてはわかりません。

私の計画を（あなたが持っているならばiPadは標準SAFARI設定で正しい番号を確認してくださいので、あまりにもどこかで952を読んで）：設計のための

私の計画は、非常に長い1ページサイトです。 （私は他の下で5 divの1を持っている意味）5つのメニューページ - - たとえば については すべてのメニューは、フィルムのQube ある - 訪問者は、常に1つのメニューなので、一枚のフィルム-のQubeを参照してください

私の質問：

• iPadで正しいサイズはどれですか？
• DIVのサイズ（高さ）を画面に常に合わせるにはどうすればいいですか？ これが可能な場合： - この問題はPCで表示されますか？ （ブラウザエージェントがiPadの場合のみこの設定を使用する必要があります）

ありがとうございました。

Answer 1

テスト用にiPadにアクセスできない場合は、エミュレータを調べるのが最善でしょう。 http://ipad-emulator.org/

SafariはiPad用の唯一のブラウザではありませんので、それに基づいてサイズを推定すると他のブラウザには当てはまらない可能性があります。 How to fit your website for the Apple iPad

Answer 2

あなたは、両方のデスクトップブラウザとiPadのウェブサイトにアクセスできるようにしようとしている場合は、私はCSSメディアクエリを使用してサイトを構築することをお勧め：

そうでない場合、Googleはあなたの友達です。ブラウザのサイズに基づいてサイトを変更することができます。

http://www.w3.org/TR/css3-mediaqueries/

構文はここで、非常に簡単である例です。この作品

@media screen and (max-width:443px) and (min-width:250px){ 
    .class{} 
    #id{} 
} 

方法は、画面が250ピクセルと443pxの間にあるとき、それはその中にスタイルをapplysです。あなたがCSSドキュメントの最下部にあなたのメディアクエリを保持する限り、他のプロパティを上書きします。これの利点は、ブラウザウィンドウのサイズを変更してテストできることです。