移动端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实现如何在两个div元素之间拖放图像

从HTML5移动应用现状谈发展趋势的详细介绍

HTML5调用移动浏览器相机问题

HTML5 canvas绘制爱心的方法示例

HTML5web本地存储实例详细说明

使用h5实现react拖拽排序组件的方法（附代码）

HTML5 canvas中如何绘制图像

HTML5怎么实现拖拽

关于HTML5的知识小结

HTML5怎么嵌入视频

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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