专栏首页钻芒博客自动PC端显示 手机端隐藏CSS代码判断实现
原创

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

实现场景描述:

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

实现方法:

CSS控制判断

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

Select Code

Copy

干湿料槽

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

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

Select Code

Copy

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

本文转载自:钻芒博客

原文链接:https://www.zmki.cn/5001.html

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

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

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

    AlexTao
  • [SEO知识讲解] 收录的内容被纳入底层库的解决办法

    在前面的文章中,谈到了网站有收录没排名的解决办法,对于解决办法,只做了大致的讲解,本文就此问题,继续探讨:如果被收录的内容已经被纳入底层库中,该如何有效解决?

    AlexTao
  • 优雅的给WordPress插入哔哩哔哩bilibili视频

    前排提示,本文转载自:小石博客 给wordpress优雅的插入BiliBili视频 

    AlexTao
  • (React 框架)React技术

      当时他们的团队在市面上没找到合适的MVC 框架,就自己写一个 JS 框架,用来架设 instagram(图片分享社交网路),2013年开源

    用户2398817
  • 前端学习(32)~js学习(九):对象简介和对象的基本操作

    对象的作用是:封装信息。比如Student类里可以封装学生的姓名、年龄、成绩等。

    Vincent-yuan
  • 机器学习库初探之 Caffe

    Caffe 是一个清晰而高效的深度学习框架,其作者是博士毕业于 UC Berkeley 的贾扬清,目前在 Facebook 工作。Caffe 是纯粹的 C++/...

    吕晟
  • ceph-fuse报错“get_fuse_groups: getgroups failed: (5) Input/output error”

    这算是一个bug吧,详情看这里 https://tracker.ceph.com/issues/23446

    domain0
  • 终极指南:构建用于检测汽车损坏的Mask R-CNN模型(附Python演练)

    【磐创AI导读】:本文分享了一个mask rcnn实战项目。想要学习更多的机器学习、深度学习知识

    磐创AI
  • JavaScript 深拷贝性能分析

    作者:justjavac 链接:https://segmentfault.com/a/1190000013107871 如何在 JavaScript 中拷贝一个...

    程序员宝库
  • Python中不用循环同时遍历两个数组并进行对应元素的处理并进行删除

    对于Python语言,在编写代码的时候如果不用循环尽量不用循环,语言内置的一些函数其处理效率往往更高。

    卡尔曼和玻尔兹曼谁曼

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动