scss미디어쿼리1 scss에서 미디어 쿼리 다루기/ scss 미디어 쿼리 깔끔하게 사용하기 scss에서 미디어 쿼리 다루기 scss 에서 미디어 쿼리는 아래와 같이 사용합니다. @media (max-width: 767px){ /* 브라우저 사이즈 767px 이하일때*/ } @media (min-width: 768px) and (max-width: 1023px){ /* 브라우저 사이즈 768px이상, 1023px이하 일때,*/ } 하지만 코드가 길 경우 위와 같이 사용하면, 코드가 더 길어지고, 보기에 깔끔하지 않습니다. 그래서 아래와 같이 mixin을 사용하여 코드를 정리해봅시다. /*반응형 mixin으로 깔끔하게 사용하기*/ @mixin mobile{ @media (max-width: 767px){ @content; } } @mixin tablet{ @media (min-width: 768p.. 2021. 8. 15. 이전 1 다음
