いくつかのcss-class内で、lessを使用してさまざまな解像度のcss-stylesをラップすると便利です。
私は次のようなことをしたいと思います:
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 {
}
}
誰かがいいアイデアを持っていることを願っています!