レスポンシブ CSSメディアクエリ（@media）ブレイクポイントまとめ | モバイル・スマホ・HTML5のSEO塾.com

SEO塾ブログnewモバイルファースト / マテリアルデザイン / JSON-LD WebP/ 4K DPR3 レスポンシブイメージ gridレイアウト / flexboxコンテンツ / レガシーWeb終焉！ モダンWebの証明！ comからjpへ CSS メディアクエリ（@media）ブレイクポイント受難 レスポンシブWebデザイン崩壊！？あくまでも自社用として、必要なことだけのまとめ 検索しても、スバリの情報がなかなか見つからない。また、いろいろ惑わされて、現場が騒がしい 弊社も、ポリシーもなく場当たり的でいろいろなサイズの画像があり、うかつにもwidthを設定していたり、CSSもぐだぐだ パソコンにつないだフルHD（1920×1080）モニターで確認しながらWebページを作成しCSSを記述するので、モバイルファーストではなくPCファーストのメディアクエリとなっている なお、PCファー

[y_yamanashi]

“@media screen and (max-width: 1024px)”

[hatano99]

“パソコンと同じ”

[cartman0]

“@media screen and (max-width: 896px) { }”

[nybb]

iPhoneXがめんどくせー、と思いながら調べてる。

[peketamin]

モバイルファーストの場合、共通→min-widthで切っていく、そうじゃない場合は、max-width で切っていく

[nuyamazu]

メディアクエリ

[perl48]

何ピクで、折り返すのか、丸わかり。ありがとうございます。