ブレイクポイント

/ HTML5/CSS3/jQuery / Comment[0]

メディアクエリでは画面のサイズやデバイスの向きなどの条件で異なるスタイルを適用することが可能です。

そのレイアウト変更のポイントとなる画面の解像度をブレイクポイントといいます

例えば、width:1920px(現在の主流デスクトップモニタ)、width:1080px(Xperia,iPhone6)、width:1024(一部タブレット)、width:640px(iPhone5)など

現在は様々なデバイスが存在し、特にAndroid端末の解像度はまちまちでこれといったブレイクポイントはありませんが、シェアが多い解像度をメジャーブレイクポイント、シェアが少ないものの存在する解像度をマイナーブレイクポイントといいます。

関連記事

コメント

:
:
:
:
:
管理人のみ表示を許可