移动端HTML5中判断横屏竖屏的方法

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者小云云，侵删。

在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。本文主要介绍了HTML5中判断横屏竖屏的方法(移动端)的相关资料,需要的朋友可以参考下，希望能帮助到大家。

这里有两种方法：

一：CSS判断横屏竖屏

写在同一个CSS中

  1. 1

    2

    3

    4

    5

    6

    @media screen and (orientation: portrait) {  

      /*竖屏 css*/  

    }   

    @media screen and (orientation: landscape) {  

      /*横屏 css*/  

    }

分开写在2个CSS中

阅读剩余部分

相关阅读 >>

具体解析HTML5文件读取filereader及文件读取模块的封装

详细介绍如何全面掌控session?且看websocket跨站劫持的图文代码详解

HTML5如何正确设置视频的宽高

HTML5开发手机打电话发短信功能代码实例分享

html与HTML5的区别是什么

HTML5仿微信聊天界面和朋友圈代码

HTML5中的强制下载属性download使用

HTML5实现动态视频背景

HTML5多线程javascript解决方案web worker-专用worker和共享worker的详细代码介绍

分享一个h5上传本地图片以及预览功能的图文实例

更多相关阅读请进入《HTML5》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...