デバイスの振り分けをどう考えるか、 ということについて書いてみたいと思います。 今回は、PC/タブレット/スマートフォンと振り分ける場合の参考です。 パターンは4パターン。 ちなみにiPad/Garapagosが出たてくらいまでは、画面解像度とUserEgentで判定して振り分けていたみたいなんだけど、 iPadはもはや次のモデルでは2000px以上の解像度であるし、 今後のモデルがどんどんと高解像度化されることを考えると、少しキリがない感もあるよね。 ただ、高解像度化されても画面サイズは変わらないわけだから、フォントと画像サイズは気にかけなければいけないかもしれないねえ。 1)Media Queriesで分ける もっとも一般的なやり方。IEの対応だけ気をつけないと。 2)Javascript + UserAgentで振り分けてリダイレクト先を分岐 そもそもHTML側を分けておくという考え
![スマートフォン・タブレットの振り分けをどう考える?](https://cdn-ak-scissors.b.st-hatena.com/image/square/45944c082985720623ddd8ce496586d1246f4ef7/height=288;version=1;width=512/http%3A%2F%2Fwakana.me%2Fwp%2Fwp-content%2Fuploads%2F2012%2F03%2F900x300_big04.jpg)