リアクションレイアウト


@mediaを使用して、メディア指定スタイルに従ってメディアクエリーを行います.

Usage


Mobile First Method
/* 768px ~ */
@media only screen and (min-width : 768px) {

}
/* 992px ~ */
@media only screen and (min-width : 992px) {

}
/* 1200px ~ */
@media only screen and (min-width : 1200px) {

}
Non-Mobile First Method
/* ~ 1200px */
@media only screen and (max-width : 1200px) {

}
/* ~ 992px */
@media only screen and (max-width : 992px) {

}
/* ~ 768px */
@media only screen and (max-width : 768px) {

}
🔖 breakpoint-変化の基点