CSSメディア照会


メディアクエリーは応答設計を行う核心要素であり、その機能は非常に強く、ここではBootstrapが使用した仕事だけをリストしています.
Bootstrapは主にmin-width、max-width、and構文を使用し、異なる解像度で異なるCSSスタイルを設定します.例は次のとおりです.
@media (max-width: 767px) {
/*   768      ,        */
}
@media (min-width: 768px) and (max-width: 991px) {
/* 768 991        ,        */
}
@media (min-width: 992px) and (max-width: 1199px) {
/* 992 1199        ,        */
}
@media (min-width: 1200px) {
/*   1200      ,        */
}