0

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

まず第一に事実と私の計画: 事実: - iPad の画面は 1024x768 - 表示可能 (FOLD) は、縦向きで 916、横向きで 660 です。この情報についてはよくわかりません。さまざまな情報が記載された非常に多くのページがあるためです。（952もどこかで読むので、iPadの方はSAFARI標準設定で正しい番号を確認してください）

私の計画：

デザインの私の計画は、非常に長い 1 ページのサイトです。例 - 5 つのメニュー ページ (つまり、5 つの div が上下にあることを意味します) - すべてのメニューが film-qube です - 訪問者には常に 1 つのメニューが表示されるため、1 つの film-qube が表示されます

私の質問:

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

ご提案ありがとうございます。

4

2 に答える 2

5

テスト用に iPad にアクセスできない場合は、エミュレーターを検討することをお勧めします。次の行に沿ったもの: http://ipad-emulator.org/

ただし、iPad で使用できるブラウザは Safari だけではないため、Safari に基づいて作成したサイズの見積もりは、他のブラウザには当てはまらない場合があることに注意してください。

それ以外の場合は、Google があなたの味方です: Apple iPad にウェブサイトを適合させる方法

于 2012-04-17T16:28:42.190 に答える
3

デスクトップ ブラウザーと iPad の両方で Web サイトにアクセスできるようにする場合は、CSS メディア クエリを使用してサイトを構築することをお勧めします。ブラウザのサイズに基づいてサイトを変更できます。

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

構文は非常に単純です。以下に例を示します。

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

これが機能する方法は、画面が 250px から 443px の間にある場合に、その中のスタイルを適用することです。メディア クエリを CSS ドキュメントの一番下に置いておく限り、他のプロパティは上書きされます。これの利点は、ブラウザ ウィンドウのサイズを変更してテストできることです。

于 2012-04-17T17:00:14.880 に答える