CSS代码实现判断手机、PC端是否显示内容

实现方法：

第一种：手机端显示，PC端隐藏

CSS代码

.wppc{
display: none;
}
@media (max-width: 760px) {
.wppc{
display: block !important;
}
}

在窗口大小超过760px会自动隐藏，小于则显示。

在需要隐藏的区域加一个div，代码如下：

<div class="wppc">你要css判断隐藏的内容</div>

第二种：PC端显示，手机端隐藏

CSS代码

@media screen and (max-width: 1221px) { .wapnone{display:none; }
}

其中1221px表示如果屏幕尺寸达到了1221像素以下将会隐藏否则显示。具体数值可以自行调试）

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

<div class="wapnone">你要css判断隐藏的内容</div>

如您有好的资源/素材，可参与创作者激励计划享投稿分成。分成介绍
投稿成功收录，即可获得 1-10元/篇奖励。（重复内容无奖励）