自动PC端隐藏 手机端显示CSS代码判断实现
上一篇说过在pc显示，手机隐藏的css案例。最近有用的到需要在电脑上自动隐藏手机端显示的例子。
PC显示手机隐藏:
自动PC端显示 手机端隐藏CSS代码判断实现
实现场景描述： 有些内容部署在PC端但是有不适合在手机端显示（比如盒子过大，遮挡内容）或者手机端显示毫无意义等。我们可以…
实现方法:
CSS判断控制路:
.wppc{
display: none;
}
@media (max-width: 767px) {
.wppc{
display: block !important;
}
}在需要隐藏的区域加一个DIV，代码如下：
<div class="wppc">你要css判断隐藏的内容</div>在窗口大小超过767px会自动隐藏，小于则显示。
相关链接:
- 百度知道: html+css如何能实现电脑端隐藏手机端显示
- PC显示手机隐藏:自动PC端显示 手机端隐藏CSS代码判断实现
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
