No.157


【Bootstrap3】メディア種別ごとの画面サイズ

Bootstrap3での画面サイズとデバイス種別

 Bootstrap3は画面サイズに応じてデバイス種別が変わる。正直かなり面倒臭い処理なので、これをフレームワークとしてやってくれるのは本当にありがたい。

 いつも画面サイズとデバイス種別表記について忘れて調べ直すので備忘録がてらメモ。

画面サイズ デバイス種別 デバイス表記
768px未満 Extra Small xs
992px未満 Small sm
1200px未満 Medium md
1200px以上 Large lg

 一般的なスマホやタブレットはxs、あとはデスクトップサイズに応じて…と認識しておけばまず問題ないだろう。