2011-12-09 25 views
5
  1. iPadのビューポートは980ピクセル幅です。高さは?
  2. Safariではアドレスと新しいタップを追加する必要があります。風景モードでの高さは何ですか?
  3. ウェブを幅に合わせるためのメディアクエリがあります - ウェブを高さに合わせる方法はありますか?
+0

は、同様の質問に対する私の答えをチェック役立つかもしれない少しhttp://stackoverflow.com/questions/8205812/jquery-js-ios-4-and-document-height-problems –

答えて

10

以下はその回答です。

  1. あなたは正しいです。両方のiPhone/iPadのデフォルトのビューポートは980ピクセルです。デフォルトのビューポートの高さはありません。あなたは幅/高さを変更することができます。

    <meta name="viewport" content="width=device-width, height=device-height" > 
    
  2. 私はこの質問をよく理解できませんでした。しかし、iPadの解像度は1024x768pxなので、ランドスケープモードでは、高さは約768px(アドレスバーの高さから約40px程度にする必要があります)を超えなければなりません。

  3. ほとんどのブラウザでは、それに応じて幅と高さが調整されます(初期ズームレベルも含む)。だからあなたはほとんどの時間幅を設定する作業をする必要があります。

+4

がある以上あなたがステータスバー(20px)とSafariが持っているクロム(これは可変である)を持っています。ユーザーはiOS4/5で、約30pxの高さで表示されているブックマークバーをオンまたはオフにできます。おそらく約40-50pxの高さのアドレスバー。次にiOS5にはタブバーがあり、それはさらに30pxのようです。ブックマークバーとタブでiOS5のクロムを測定したところ、〜125pxなので、ビューポートはランドスケープモードで約643ピクセル高いです。 –

+0

はい、そうです...使用可能なビューポートの高さを正確に判断する直接的な方法はありません... – testndtv

+9

[whatsmy.browsersize.com](http://whatsmy.browsersize。 com)。私がSafariのiPadでそのサイトにアクセスすると、ブラウザは981px X 644pxであることがわかります。 –

関連する問題