CSS代码判断实现PC端隐藏 手机端显示

CSS代码判断实现PC端隐藏 手机端显示,有些内容部署在PC端但是有不适合在手机端显示(比如盒子过大,遮挡内容)或者手机端显示毫无意义等。我们可以使用下面的代码来实现:电脑端显示,手机端隐藏

有些内容部署在PC端但是有不适合在手机端显示(比如盒子过大,遮挡内容)或者手机端显示毫无意义等。我们可以使用下面的代码来实现:电脑端显示,手机端隐藏

实现方法
CSS判断控制路:

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

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

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

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

 

原创文章,作者:howkunet,如若转载,请注明出处:https://www.intoep.com/frontend/2431.html

(0)
打赏 微信赞赏 微信赞赏 支付宝赞赏 支付宝赞赏
上一篇 2021-11-24 09:01
下一篇 2021-12-05 18:13

相关推荐

  • H5网页布局+css代码美化

    HTML5的结构化标签,对搜索引擎更友好 li 标签对不利于搜索引擎的收录,尽量少用 banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li <samp…

    2021-12-25 Html/CSS
    2530

发表回复

登录后才能评论
扫码了解
扫码了解
分享本页
返回顶部