タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

CSSとiPadに関するwarriorkingのブックマーク (1)

  • [CSS]iPadの横向きと縦向きでレイアウトを変更するスタイルシート

    Portraitモード(縦向き)のグリッド設計 グリッド 768=30+708+30 708=216+30+216+30+216 実装のポイント iPadの横向きと縦向きでレイアウトを変更するには2つのポイントがあります。 METAタグ iPadのスクリーンで等倍に表示されるように、METAタグで設定します。 <meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" /> スタイルシート 比率を等倍に設定したので、Media Queriesを使用して横向きと縦向きに分岐させます。 /* Landscapeモード(横向き)用 */ #wrap { width:1024px; } @media only screen and (orientation:portrait){ /* Portr

    warriorking
    warriorking 2011/10/24
    (CSS)iPadの横向きと縦向きでレイアウトを変更するスタイルシート | コリス
  • 1