잊을것 같으니 메모하자 - PC와 모바일 해상도 구분하기

반응형으로 css를 관리할때 그냥 좀 편하게 하기 위해 설정하는 녀석

 

PC환경과 모바일 환경에서 해상도 구분하기

$mobile: "Only screen and (max-width: 1199px)";
$desktop: "screen and (min-width: 1200px)";

정확히는 scss문법이긴 한데, 사소한건 넘어가자. 사용할때는 이렇게 하면된다

@media #{$mobile}{}
@media #{$desktop}{}