jquery - 如何在适用于 Android 和 iOS 的 phonegap 应用程序中将所需页面的方向设置为横向和其他页面的纵向模式

标签 jquery css cordova mobile cordova-plugins

我正在开发企业应用程序,它是 phonegap 中适用于 android 和 iOS 的仪表板应用程序。在我的应用程序中,需要在纵向模式下开发 4 个屏幕,其他屏幕应该在横向模式下开发。在这里,我需要将屏幕方向纵向设置为纵向,将横向设置为横向,而不考虑传感器(不旋转手机)。我已经研究了 3 天多,但无法找到正确的插件或正确的代码段。已经尝试使用 -webkit-transform: rotate(-90deg),但是屏幕被横向的纵向尺寸占用,因此屏幕在 4 个方向上占用了额外的空间。请向我建议任何肯定有效的解决方案。

最佳答案

使用@media 标签(我不太熟悉,几周前才开始使用)。两篇关于如何做到这一点的好文章(完整阅读两篇文章,因为它们都有很好的答案)

forcing web-site to show in landscape mode only

Force “Landscape” orientation mode

关于jquery - 如何在适用于 Android 和 iOS 的 phonegap 应用程序中将所需页面的方向设置为横向和其他页面的纵向模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35574058/

相关文章:

css - 我可以在 Bootstrap 4 表格之间左对齐文本吗?

cordova - Ionic Native Date Picker 不适用于 Android

cordova - PhoneGap 桥接移动平台

html - 如何自动填充在 Fireworks 中创建的文本区域?

javascript - JQuery Draggable - 防止网格对象进入同一位置

javascript - jquery datepicker 不适用于附加元素

jquery - 不可拖动到溢出之外

html - Bootstrap - 如何将一行的 div 移动到另一行?

cordova - Ionic - 为浏览器构建/运行

javascript - 使用 jquery 和 "this"旋转 CSS 卡