INJE BLOG
WASTING YOUR TIME
SINCE 2017
Sass를 이용해 반응형 웹페이지 효율적으로 작성하기
Sass에서는 변수를 사용해서 편리하게 css 코드를 작성할 수 있는데요. @media 쿼리를 이용해 반응형 웹페이지를 작성할 때에는 문제가 발생합니다. $header-height: 90px; .header { height: $header-height; } @media only screen and (max-width: 768px) { $header-height: 70px; } 이렇게 작성하면 모바일에서 header-height가 70px 로 바뀔 것 같지만 .header { height: 90px; } /*# sourceMappingURL=test.css.map */ 컴파일을 해 보면 아무일도 일어나지 않는 걸 볼 수 있죠. $header-height: 90px; .header { height: $hea..