jquery - 移动网站 - 仅强制横向/无自动旋转

标签 jquery css mobile landscape autorotate

我有一个具有移动样式表的网站:

<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)">

我认为这是最好的方法

关于jquery - 移动网站 - 仅强制横向/无自动旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10975387/

相关文章:

jquery - 使用 jQuery 更改跨度之间的文本

javascript - 在 jquery 中触发具有选定 css 值的元素的单击

css - 为什么@font-face 相对 URL 加载正确但也产生 404 错误?

css - 触摸设备禁用元素悬停

jquery - 发布 ASP.NET MVC 表单之前进行验证

web-services - 无效的 JSON 原语 : id

css - 在 css 中居中 2 个不同的图像

asp.net - 在一行中显示两个 div 元素

android - 使用本地移动库调用 Dart

java - 对于移动平台浏览器来说,Java Applet 的替代品有哪些?混淆的 Javascript 安全吗?