css自适应media规则

media规则 :根据屏幕分辨率来加载不同的css样式

/**控制导航的自适应---首页-分类页**/
@media screen and (max-width: 3000px) {
.dp-nav > div{
width: 1040px !important;
}
}

@media screen and (max-width: 1170px) {
.dp-nav > div{
width: 1040px !important;
}
}

@media screen and (max-width: 1025px) {
.dp-nav > div{
width: 100% !important;
}
}

@media screen and (max-width: 769px) {
.dp-nav > div{
width: 100% !important;
}
}

@media screen and (max-width: 600px) {
.dp-nav > div{
width: 100% !important;
}
}

@media screen and (max-width: 400px) {
.dp-nav > div{
width: 100% !important;
}
}