移动端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中

阅读剩余部分

相关阅读 >>

mui框架使用HTML5实现二维码扫描功能

h5里图片中有缝隙应该如何解决

HTML5中转义实体字符，元数据， 跳转以及全局属性的图文详解

关于HTML5 input placeholder 的颜色修改

如何用HTML5中的canvas实现渐变文字的效果

原生js的常用方法整理

HTML5 canvas中绘制字体与图片以及图形模糊问题解决

HTML5需要遵守的6个原则（介绍）

用js+HTML5实现的小游戏-- 捕鱼达人游戏

HTML5实现对话气泡点击动画

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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