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
微信扫一扫
支付宝扫一扫
相关推荐
-
无需公众号实现微信JSSDK分享卡片！Safari浏览器分享到微信自动成卡片！
要在微信分享卡片，需要接入微信自家的JSSDK，比较麻烦，还需要认证公众号，但是如果你没有这样的条件，那么你也可以试试使用iOS的Safari浏览器轻松实现，只需要在html中加入…
-
前端实现word、excel、pdf、ppt、mp4、图片、文本等文件的预览
前端实现word、excel、pdf、ppt、mp4、图片、文本等文件的预览。docx文件实现前端预览,pdf实现前端预览,excel实现前端预览,pptx的前端预览
-
手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式
在手机浏览器上打开某个网站的时候，菜单中有这么一个选项”添加到主屏幕”，当然不同的手机改菜单选项的名字有所不同基本上叫”添加到桌面”…
-
Node.js：nodemailer + ejs 发送邮件
nodemailer: 在 node.js 环境下轻松实现邮件发送功能. ejs: 高效的嵌入式 javascript 模板引擎,让你利用 javascript 生成HTML页面 …
-
Vue插件vue-plugin-hiprint，一款hiprint封装的Vue插件，可以让你快速生成可视化报表
一款基于 hiprint 的 Vue 插件vue-plugin-hiprint ，是一个生成和打印可视化报表的工具。为了方便在 Vue 项目中使用，vue-plugin-hiprint 把 hiprint 封装成一个 Vue 组件。无论你是需要打印表格、图表、条形码、二维码，还是需要打印发票、订单、标签、证书，vue-plugin-hiprint 都可以帮你实现。
