CSSのメディアクエリは最新のBootstrapに準ずれば間違いない
Bootstrapに準ずる間違いない最新メディアクエリ
デバイスの種類が増え続け、たびたび悩まされているメディアクエリの数値。
長いものには巻かれろ理論でBootstrapに巻かれことにした。
| ブレークポイント | 接頭辞 | ビューポートの範囲 |
|---|---|---|
| 極小（X-Small） | なし | <576px |
| 小（Small） | sm | ≥576px |
| 中（Medium） | md | ≥768px |
| 大（Large） | lg | ≥992px |
| 特大（Extra large） | xl | ≥1200px |
| 超特大（Extra extra large） | xxl | ≥1400px |
そもそもBootstrapとは
世界で最も人気のあるフロントエンドのコンポーネントライブラリ。レスポンシブウェブデザインでモバイルファーストを実現しています。
Bootstrap - 世界で最も人気のあるフロントエンドのコンポーネントライブラリ
世界で最も人気があるとのことなので、これより長いものはない。
現時点でBootstrapを使用したことはないが、メディアクエリの数値は拝借することにする。
