CSSでレスポンシブMedia Queriesの振り分け条件

記事はここから

レスポンシブ、今や当たり前ですが未だに慣れません。ボタン一つで簡単設定できないので、最初の設計がとても大切ですね。

 

 

Media Queriesの振り分け条件

Max Width:ビューエリアの最大幅。このサイズより小さい場合に適用

Min Width:ビューエリアの最小幅。このサイズより大きい場合に適用

Max Device Width:デバイスサイズの最大幅。このサイズより小さい場合に適用

Min Device Width:デバイスサイズの最小幅。このサイズより大きい場合に適用

Device Pixel Ratio:デバイスの解像度(webkit)

Orientation:デバイスの向き

この記事が気に入ったら
いいね ! しよう

Twitter で