レスポンシブWEBデザインのメディアクエリについて

いつもお世話になります。
レスポンシブWEBデザインでサイト制作を行っています。
メディアクエリについて詳しい方、いらっしゃいましたら教えてください。

フルHD（1080×1920）のスマホのビューポイントをどのように設定するのが適当か悩んでいます。
@media screen and (min-width:480px)and(max-width:1080px)
のように設定しようかと思いましたが、iPadminiのように、解像度が1024×768だと
かぶってしまい、適当じゃない表示になるのを危惧しています。

実機で試せば良いのですが、どのようにビューポイントを設定しているのか、
是非、参考にさせて頂ければ幸いです。

よろしくお願いします。

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2013/05/21 18:51

様々なウィンドウサイズを対象とする場合、基本はリキッドデザインです。

そのうえで、特別狭いディスプレイに対してmediaqueryを使用します。
したがって、そのようなところで悩むことはありません。
mediaqueryを使用する場合、どちらかと言うと640pxあたりで、それより広いディスプレイに対応したりキッドデザイン。内容によるとi-phoneなどを縦置きにして480pxより小さい画面に対処させる。
＞解像度が1024×768
　これは、パソコン特にノートなどでの解像度ですね。
　基本的には、このサイズでデザインしています。
　　例えば800px以上の幅はひとつとかです。

　⇒少しのコードで実装可能な15のスマートフォンサイト用小技集 | Webクリエイターボックス( http://www.webcreatorbox.com/tech/smartphone-sni … )
　

この回答へのお礼

なるほど！
なんだか見えてきた感じがします。
ありがとうございました。

お礼日時：2013/05/22 10:46