- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：レスポンシブWEBデザインのメディアクエリについて）
レスポンシブWEBデザインのメディアクエリについて
このQ&Aのポイント
- レスポンシブWEBデザインでサイト制作を行っています。メディアクエリについて詳しい方、いらっしゃいましたら教えてください。
- フルHD（1080×1920）のスマホのビューポイントをどのように設定するのが適当か悩んでいます。@media screen and (min-width:480px)and(max-width:1080px)のように設定しようかと思いましたが、iPadminiのように、解像度が1024×768だとかぶってしまい、適当じゃない表示になるのを危惧しています。
- 実機で試せば良いのですが、どのようにビューポイントを設定しているのか、是非、参考にさせて頂ければ幸いです。
- mituru326a
- お礼率73% (47/64)
- CSS
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
様々なウィンドウサイズを対象とする場合、基本はリキッドデザインです。 そのうえで、特別狭いディスプレイに対してmediaqueryを使用します。 したがって、そのようなところで悩むことはありません。 mediaqueryを使用する場合、どちらかと言うと640pxあたりで、それより広いディスプレイに対応したりキッドデザイン。内容によるとi-phoneなどを縦置きにして480pxより小さい画面に対処させる。 ＞解像度が1024×768 これは、パソコン特にノートなどでの解像度ですね。 基本的には、このサイズでデザインしています。 例えば800px以上の幅はひとつとかです。 ⇒少しのコードで実装可能な15のスマートフォンサイト用小技集 | Webクリエイターボックス( http://www.webcreatorbox.com/tech/smartphone-snippets/ )
お礼
なるほど！ なんだか見えてきた感じがします。 ありがとうございました。