Question

我正在为智能手机，Android设备和iPhone创建一个网络应用程序。但我认为如果网络应用程序只允许纵向屏幕方向会更好，所以无论用户拿着手机的方式如何，它都将保持纵向状态。

基本上我想知道的是，如何使用JavaScript，HTML元标记，CSS或PHP将屏幕始终保持在Android和iPhone的肖像中？

Answer 1

您可以阅读窗口对象的“大小”，“宽度”，有时还可以读取“方向”属性。设置事件侦听器以在“调整大小”事件发生时触发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>

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

1 个答案: