BLOG
ABOUT ME
ALL
CODE
PYTHON
SWIFT
JAVA
WEB
ML
LAB
ETC
DESIGN
MAC
UK 🇬🇧
INJE BLOG
WASTING YOUR TIME
SINCE 2017
⌕
변수
articles
code/web
|
2021. 2. 10. 15:03
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..
<
1
>
티스토리툴바