Banner图通过CSS代码判断实现自适应展示

CSS判断控制路:

.ban-pc {display: none;}
@media (min-width: 1024px){
.ban-pc {display: block !important;}
}

.ban-wap {display: none;}
@media (max-width: 1024px){
.ban-wap {display: block !important;}
}

在需要判断的区域加一个DIV，代码如下：

<div class="ban-pc">css判断电脑端显示的内容</div>
<div class="ban-wap">css判断移动端显示的内容</div>