如何控制 Android/iPhone 网络应用程序的屏幕方向

【问题标题】：How to control the screen-orientation for a Android/iPhone web app如何控制 Android/iPhone 网络应用程序的屏幕方向
【发布时间】：2011-09-24 01:23:58
【问题描述】：

我正在为智能手机、Android 设备和 iPhone 创建一个网络应用程序。但我认为如果网络应用程序只允许纵向屏幕方向会更好，所以无论用户以哪种方式握住手机，它都将始终保持纵向。

所以基本上我想知道的是，如何使用 JavaScript、HTML 元标记、CSS 或 PHP 让 Android 和 iPhone 的屏幕始终保持纵向？

【问题讨论】：

标签： iphone android web-applications mobile-website screen-orientation

【解决方案1】：

您可以读取窗口对象的“大小”、“宽度”，有时还可以读取“方向”属性。设置事件侦听器以在“resize”事件发生时触发 javascript 事件。

据我所知，您实际上无法控制旋转。

这是一个演示：（我将它发布到我的网页上，http://douglassims.org/rotation.html）

<head>

  <script>

  function checkRotation() {document.getElementById('orientationlabel').innerHTML='Orientation: ' + window.orientation + ' Width: ' + screen.width + ' Height: '+screen.height;} 
  function load() {window.addEventListener('resize', checkRotation, false);}
  </script>

</head>

<body onload='load();'>
  <center>
  <h2 id=orientationlabel>Nothing yet</h2>

</body>

【讨论】：