罗码网络discuz插件模板教程微信小程序安卓电脑软件htmlphp源码下载
微信扫一扫 分享朋友圈

已有 2628 人浏览分享

开启左侧

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

[复制链接]
2628 6
实现场景描述: 有些内容部署在PC端但是有不适合在手机端显示(比如盒子过大,遮挡内容)或者手机端显示毫无意义等。我们可以…


实现方法:
CSS判断控制路:
  1. .wppc{
  2.     display: none;
  3. }
  4. @media (max-width: 767px) {
  5.   .wppc{
  6.     display: block !important;
  7.   }
  8. }
复制代码


在需要隐藏的区域加一个DIV,代码如下:
  1. <div class="wppc">你要css判断隐藏的内容</div>
复制代码



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


想说又不敢说,说了又怕被拒绝,拒绝了又怕尴尬,就是这样的。内心很痛苦的那种。

评论 6

我是来刷分的,嘿嘿

举报 使用道具

回复
13717137661 13717137661  注册会员  发表于 2020-8-10 16:05:40 | 显示全部楼层
不知该说些什么。。。。。。就是谢谢

举报 使用道具

回复
岁月神偷 岁月神偷  高级会员  发表于 2020-8-10 22:02:50 | 显示全部楼层
我抢、我抢、我抢沙发~

举报 使用道具

回复
bbbbb bbbbb  中级会员  发表于 2020-8-11 17:29:24 | 显示全部楼层
支持楼主,用户楼主,楼主英明呀!!!

举报 使用道具

回复
Q1K巍巍 Q1K巍巍  中级会员  发表于 2020-8-12 18:46:25 | 显示全部楼层
路过,学习下

举报 使用道具

回复
过来看看的

举报 使用道具

回复
您需要登录后才可以回帖 登录 | 立即注册 微信登录 手机动态码快速登录

本版积分规则

10

关注

45

粉丝

1473

主题
精彩推荐
热门资讯
网友晒图
  • 微信公众平台

  • 扫描访问手机版

QQ|Archiver|手机版|小黑屋|罗码 ( 粤ICP备17073043号 )https://beian.miit.gov.cn/#/home

GMT+8, 2025-5-6 21:56 , Processed in 0.124279 second(s), 55 queries .

Powered by 罗码网络 X3.4

Copyright © 2001-2020