media-v2のCSSにおけるブレークポイントは、下記の通りです。
- 576px(min-width: 576px)
- 768px(min-width: 768px)
- 992px(min-width: 992px)
- 1200px(min-width: 1200px)
※2019年4月現在。
CSSを手元のブラウザで調べる方法
レスポンシブデザインのブレークポイントなどをお手元の環境で調べるには、ブラウザの検証ツールをお使いください。
Google Chromeの例
Google Chromeでは、メニューから「その他のツール」→「デベロッパーツール」をクリックすると起動できます。デベロッパーツールの「Elements」タブを開き、左上にある「選択モード」アイコンをクリックします。ページ内の調べたい箇所をクリックすると、下部のウィンドウで該当箇所のHTML・CSSが表示されます。