javascript - 在移动屏幕中从纵向移动到横向再回到纵向时，窗口元素在垂直方向上变得不可见？

Question

在移动应用程序中，我在页面上有一个 div。在这个 div(data-role="page") 中，我还有另一个 div(data-role="content")。现在在这个 div 中我有一个 iframe，我的菜单页面在这个 iframe 中打开。问题是当我以横向打开应用程序并将方向更改为纵向时，我的菜单的一半垂直削减。请帮助我缺少什么？

谢谢，

Answer 1

这是在IOS上吗？

如果是这样，这是一个苹果错误。可以在此处找到修复程序；

https://github.com/RatioInteractive/HTML5-Mobile-Boilerplate/blob/master/js/helper.js

另外，请查看 index.html 中的此类内容；

  <!-- Mobile viewport optimization h5bp.com/ad -->
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="viewport" content="width=device-width">
  <!-- ========== -->