마법이 적은 멋진 미디어 쿼리 less를 사용하는 일부 css 클래스 내에서 다른 해상도에 대해 css 스타일을 래핑하는 것이 좋습니다. 다음과 같은 작업을하고 싶습니다. footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } 결국 다음과 같은 결과가 나타납니다. footer { width: 100%; } @media screen and (min-width: 768px) { footer { width: 768px; } } @media screen and (min-width: 992px) { footer { width: 940px; } } .tablet는 다음과 같이 보일 수 있습니다...