博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
检测设备横屏 || 竖屏的状态
阅读量:6238 次
发布时间:2019-06-22

本文共 466 字,大约阅读时间需要 1 分钟。

JavaScript方式检测横屏

window.orientation:获取屏幕旋转的方向window.addEventListener("resize", ()=>{    if (window.orientation === 180 || window.orientation === 0) {         console.log('竖屏');    };    if (window.orientation === 90 || window.orientation === -90 ){         console.log('横屏');    }  });

CSS方式检测横屏

@media screen and (orientation: portrait) {  /*竖屏...*/} @media screen and (orientation: landscape) {  /*横屏...*/}

 

转载于:https://www.cnblogs.com/Model-Zachary/p/10888761.html

你可能感兴趣的文章
MySQL学习记录笔记
查看>>
机器学习算法清单!附Python和R代码
查看>>
云原生的新思考,为什么容器已经无处不在了
查看>>
8月9日 上课截图
查看>>
laravel修改密码及与原密码Hash::check比较
查看>>
谈谈你对volatile的理解
查看>>
使用xtrabackup备份数据库
查看>>
一线互联网常见的 14 个 Java 面试题,你颤抖了吗程序员
查看>>
zip压缩,tar打包并压缩
查看>>
负载均衡集群 LVS的介绍、调度算法、NAT模式搭建
查看>>
MySQL误删数据救命指南:开发人员必收藏
查看>>
522还不知道怎么表白吗?——经典设计模式之【观察者模式】
查看>>
事务中更新无效问题解决
查看>>
CSS:阴影/边框/背景
查看>>
PHP 超级全局变量
查看>>
SQL的优化
查看>>
CodeIgniter HMVC 扩展
查看>>
Mybatis-Plus使用全解
查看>>
XMind浏览视图,你必须会使用
查看>>
OSChina 周日乱弹 ——会爬墙的不仅仅是壁虎还有班主任
查看>>