Bootstrap sass メディアクエリー
01 02 03 04 05 06 07 08 09 10 11 12 13 14 | p{ @media ( max-width : $screen-xs-max) { color : red ; } @media ( min-width : $screen-sm-min) { color :gold; } @media ( min-width : $screen-md-min) { color : blue ; } @media ( min-width : $screen-lg-min) { color :pink; } } |
01 02 03 04 05 06 07 08 09 10 11 12 13 14 | p{ @media ( max-width : $screen-xs-max) { color : red ; } @media ( min-width : $screen-sm-min) and ( max-width : $screen-sm-max) { color :gold; } @media ( min-width : $screen-md-min) and ( max-width : $screen-md-max) { color : blue ; } @media ( min-width : $screen-lg-min) { color :pink; } } |