是否有一种整合@media标签以对其进行清理的方法。我对此并不陌生,希望清理我的网站以使其在移动设备上更好地工作,但是似乎我不必在下面的代码中重复@media语句。
@media screen and (max-width: 600px) {
div.pagetopmenu,
div.menutoplogo,
div.pagemenul,
div.pagemenur {
display: none;
}
@media screen and (max-width:600px) {
.pagemainbody {
float: left;
width: 100%;
min-height: 100%;
overflow: hidden;
}
@media screen and (max-width:600px) {
.centediv {
width: 60%;
margin-top: 2px;
margin-right: auto;
margin-left: auto;
height: 105px;
overflow: hidden;
clear: both;
}
嗯,您不必一遍又一遍地重复@media
语句,只需将所有目标CSS属性分组在一个媒体块中,就像这样:
@media screen and (max-width: 600px) {
div.pagetopmenu,
div.menutoplogo,
div.pagemenul,
div.pagemenur {
display: none;
}
.pagemainbody {
float: left;
width: 100%;
min-height: 100%;
overflow: hidden;
}
.centediv {
width: 60%;
margin-top: 2px;
margin-right: auto;
margin-left: auto;
height: 105px;
overflow: hidden;
clear: both;
}
}