jquery – 手机网站 – 强制风景/不自动旋转

前端之家收集整理的这篇文章主要介绍了jquery – 手机网站 – 强制风景/不自动旋转前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个有移动样式表的网站:
<link rel="stylesheet" href="css/mobile.css" media="handheld">

我也使用jQuery来检查移动设备并相应地改变功能

但是我想知道是否有一种方法强制仅限横向转向并禁用自动旋转?一个CSS或一个jQuery解决方案都可以。

谢谢!

解决方法

使用媒体查询测试方向,在纵向样式表中隐藏所有内容显示该应用程序仅在横向模式下工作的消息。
<link rel="stylesheet" type="text/css" href="css/style_l.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/style_p.css" media="screen and (orientation: portrait)">

我认为最好的aproach

猜你在找的jQuery相关文章