博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端屏幕旋转事件和横、竖屏样式
阅读量:6226 次
发布时间:2019-06-21

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

hot3.png

屏幕旋转事件

window.onorientationchange = function(){    switch(window.orientation){        case -90:        case 90:        alert("横屏:" + window.orientation);        case 0:        case 180:        alert("竖屏:" + window.orientation);        break;    }}

竖屏时样式:

//竖屏时使用的样式@media all and (orientation:portrait) {    .css{}}

横屏时样式:

//横屏时使用的样式@media all and (orientation:landscape) {    .css{}}

转载于:https://my.oschina.net/daladida/blog/736904

你可能感兴趣的文章
Linux修改显示亮度
查看>>
lnmp+zabbix一键部署脚本
查看>>
其实你还不懂word
查看>>
vcSA修改IP或hostname
查看>>
写给刚入行的新人和技术控们
查看>>
python运维开发之socket网络编程02
查看>>
每次访问都生成不一样sessionId
查看>>
vmware esxi安装linux启动在Starting udev 停止
查看>>
AIX下NFS共享设置
查看>>
sersync 实现数据实时同步镜像
查看>>
HibernateTemplate的原理与hibernate三态
查看>>
awk学习笔记(1) - 简介及入门
查看>>
盖茨解释乔布斯讨厌微软原因
查看>>
安装平台centos6.5 + oracle 11g
查看>>
zabbix服务端安装(LNMP)
查看>>
Nginx 反向代理缓存效果测试
查看>>
centos 零碎学习小记 6.
查看>>
手机视频技术
查看>>
每到星期一就很没有精神
查看>>
Windows Server 2012 RDS系列:桌面虚拟化(4)
查看>>