タグ

ブックマーク / asamuzak.jp (1)

  • asamuzaK.jp : Media Queriesでの振り分けはpxではなくemが吉…かも

    スマホ用にサイトのCSSを再考していて気づいたこと。 現在、スマホやタブレット類では、 <meta name="viewport" content="width=device-width" /> などを指定するのがいわば常套手段になっている。 Viewportに"width=device-width"を指定した場合、RetinaのiPhoneでも(Viewportの物理的なピクセル値は640px*960pxであるが、過去のiPhoneとの後方互換をとって)あたかも320px*480pxであるかのように振る舞って表示する。 同様にiPadは768px*1024px。 一方、Androidの場合、そもそもViewportの値がバラバラ。 多くのスマホは320px*480pxか360px*640pxで表示するが、実はそれだけとも限らない。 タブレットも、Galaxy Tabなどは600px*10

    unarist
    unarist 2014/06/25
  • 1