Css+Div 设置 PC/Mobile 自动显示判断代码

PC 显示/手机隐藏:

在需要隐藏的区域加一个Div，例如想在 PC 端显示手机隐藏 picture 这张图片，代码如下：

<div class="m"><img src="https://sep.cc/picture.jpg"/></div>

如果想设置屏幕尺寸达到了 767 像素以下将会隐藏，否则显示。

则把DIV加一个样式代码如下：

@media screen and  (max-width: 767px)  {

.m{

display:none; }

}

PC 隐藏/手机显示:

<div class="pc"><img src="https://sep.cc/picture.jpg"/></div>

如果想设置屏幕尺寸达到了 767 像素以上将会隐藏，否则显示。

则把DIV加一个样式代码如下：

.pc{

display: none;

}

@media  (max-width: 767px)  {

.pc{

display: block !important;

}

}