No.157
【Bootstrap3】メディア種別ごとの画面サイズ
Bootstrap3での画面サイズとデバイス種別
Bootstrap3は画面サイズに応じてデバイス種別が変わる。正直かなり面倒臭い処理なので、これをフレームワークとしてやってくれるのは本当にありがたい。
いつも画面サイズとデバイス種別表記について忘れて調べ直すので備忘録がてらメモ。
| 画面サイズ | デバイス種別 | デバイス表記 |
|---|---|---|
| 768px未満 | Extra Small | xs |
| 992px未満 | Small | sm |
| 1200px未満 | Medium | md |
| 1200px以上 | Large | lg |
一般的なスマホやタブレットはxs、あとはデスクトップサイズに応じて…と認識しておけばまず問題ないだろう。