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는 다음과 같이 보일 수 있습니다.
@media screen and (min-width: 768px) {
.tablet {
}
}
누군가가 좋은 아이디어를 가지고 있기를 바랍니다!