BootStrap3 Archives - sleep-sheep.info

メディアクエリとIEのハック

Bootstrapを使わない案件ではたいてい2つで分けて制作する。

/* スマホ */
@media screen and (max-width:767px) {
}
/* PC*/
@media screen and (min-width:768px){
}

/* スマホ */

@media screen and (max-width:767px) {

}

/* PC*/

@media screen and (min-width:768px){

}

BootStrap4には以下のようなMixinを使用してスニペットで呼び出している。 […]