自动PC端显示 手机端隐藏CSS代码判断实现
2024-10-02 18:29:58
实现场景描述:
有些内容部署在PC端但是有不适合在手机端显示(比如盒子过大,遮挡内容)或者手机端显示毫无意义等。我们可以使用下面的代码来实现:电脑端显示,手机端隐藏
实现方法:
CSS控制判断
@media screen and (max-width: 1221px) { .wapnone{display:none; }
}
在需要隐藏的区域加一个DIV,代码如下:
<div class="wapnone">你要css判断隐藏的内容</div>
的1221px表示如果屏幕尺寸达到了1221像素以下将会隐藏否则显示。具体数值可以自行调试)
本文源自: 钻芒博客
原文链接: https://www.zmki.cn/5001.html
最新文章
- 有意思的记录-python
- Android源码
- 替换系统数据库解决SQLSERVER服务启动不了的问题
- std::shared_ptr
- PHP声明
- Discuz X3.2 分区 gid 完美伪静态方法 Apache/Nginx
- Cisco模拟器使用和静态路由配置
- POJ 2135 Farm Tour
- 怎样将android studio项目导入eclipse
- C# 读取Execl和Access数据库
- jQuery Validate验证框架与 jQuery ajaxSubmit的联合使用
- C学习笔记(自增)
- 查看linux系统是运行在物理机还是虚拟机方法
- 《杜增强讲Unity之Tanks坦克大战》10-相机控制
- web前端----JavaScript的DOM(三)
- 在服务中用管理员权限创建一个可弹出UI的进程 (转载)
- loj 诗歌
- MySQL 数据库 -- 数据操作
- CentOS6安装各种大数据软件 第八章:Hive安装和配置
- Java通过jna调用c++动态库