こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

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

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

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

よろしくお願いします。

投稿日時 - 2013-05-21 10:05:39

QNo.8097933

困ってます

質問者が選んだベストアンサー

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

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

投稿日時 - 2013-05-21 18:51:17

お礼

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

投稿日時 - 2013-05-22 10:46:57

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問