移动端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之多媒体详细介绍

h5怎样实现拖放功能

移动端页面头部固定定位的绝对定位实现（代码示例）

html格式什么意思?

聊聊你可能不了解的css属性函数 attr()

HTML5语义化标签有哪些

HTML5 边框怎么设置

HTML5-geolocation apis的示例代码

关于老式浏览器兼容HTML5和css3的问题详解

h5缓存-manifest的示例代码分享（图文）

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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