html - 使用 Jquery Mobile 的页面屏幕方向问题

标签 html jquery-mobile orientation

我刚刚开始开发移动网络应用程序,我正在使用 Jquery Mobile 制作 HTML5 页面。我在 iPhone 和 iPad 上测试了我的页面。问题是,当我从纵向模式更改为横向模式,然后从横向模式更改为纵向模式时,我的页面仍然处于放大状态。 在 n 次方向变化后,无论方向如何,如何恢复到最佳缩放级别。我在元标记中使用了设备宽度、设备高度、设备密度

最佳答案

不确定你从哪里得到的,但这是我正在使用的视口(viewport)元标记,并且我很确定它会解决你的问题:

<meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no"  />

更新:

您将需要 2 个不同的视口(viewport),每种方向模式一个。 check this out了解如何即时更改它们。

希望这有帮助

关于html - 使用 Jquery Mobile 的页面屏幕方向问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8396333/

相关文章:

javascript - 在 Android 上动态更改 HTML5 视频 src?

html - 在不更改默认浏览器首选项的情况下将 tabindex/focus 添加到 Safari 中的按钮

javascript - jQuery Mobile - 如何从服务器调整我的图像大小以适应 ListView 图像框

ios - 如何将 View 从纵向模式旋转到横向模式

javascript - 如何使用箭头键在不同表格之间导航文本框?

html - 使用带有嵌套文本的 HTML <i> 标记来呈现图标

jquery-mobile - 如何以编程方式在 jquery mobile Datebox 插件 1.1.0 中设置日期

javascript - 如何在 flot 中获取 x 轴标签?

android - Android 相机 Intent 和方向的问题

ios - 手动调用 updateViewConstraints 是个好主意吗?