最好使用更少的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 {
}
}
希望有人有一个好主意!