CSS实现DIV层在PC端和移动端的显示

前言

为什么突然写这个呢？因为MYSSL的挂件在手机端的显示不太理想，于是乎想要其只在电脑端显示，不在移动端显示，当然包括一些广告啊之类的DIV层的可以通过css实现在PC端和移动端是否显示，当然，通过js其实是最精准的，不过css会快那么一丢丢，而且通过读取屏幕宽度实现也比较简单。

代码

只在PC端显示

<div class="showpc">
<style>
 .showpc{display:none;}
 @media (min-width:960px){
 .showpc{display:inline;}
 }
PX </style>

只在移动端显示

<div class="showphone">
<style>
 .showphone{display:inline;}
 @media (min-width:960px){
 .showphone{display:none;}
 }
 </style>
</div>

代码说明：display:none表示不显示，display:inline表示显示，@media (min-width:960px)表示屏幕宽度不低于960px。