Javascript 是否可以明确更改网页的方向？

是否可以更改网页方向？我有一个网页，我希望它的方向从纵向改为横向，特别是在iPad的情况下。

是的。看一看

也许能激励你。

是的。看一看

---

也许可以激发你的灵感。

你不能强制一个方向，但如果方向是纵向的，你可以通过旋转页面来检测方向并伪造它：

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  body {
    -webkit-transform: rotate(90deg);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }
}

如果使用纵向，此媒体查询会将主体元素旋转90度，以使其看起来像在横向中，当用户将iPad翻转90度时，它将进入本机横向模式

使用jQuery，它看起来像：

$(document).ready(function () {
  function reorient(e) {
    var portrait = (window.orientation % 180 == 0);
    $("body").css("-webkit-transform", !portrait ? "rotate(-90deg)" : "");
  }
  window.onorientationchange = reorient;
  window.setTimeout(reorient, 0);
});

---

您不能强制方向，但如果方向为纵向，则可以通过旋转页面来检测方向并伪造方向：

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  body {
    -webkit-transform: rotate(90deg);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }
}

如果使用纵向，此媒体查询会将主体元素旋转90度，以使其看起来像在横向中，当用户将iPad翻转90度时，它将进入本机横向模式

使用jQuery，它看起来像：

$(document).ready(function () {
  function reorient(e) {
    var portrait = (window.orientation % 180 == 0);
    $("body").css("-webkit-transform", !portrait ? "rotate(-90deg)" : "");
  }
  window.onorientationchange = reorient;
  window.setTimeout(reorient, 0);
});

---

---

为什么你想手动/明确地改变方向，因为像ipad这样的设备已经能够做到这一点了？如果每个人都不得不翻转设备，这难道不会让他们感到恼火吗？我的意思是，这是一个有趣的问题，但从用户的角度来看，这难道不会激怒人们吗+1无论哪种方式，只要说，当他们翻转设备时，页面可能会“停留”在横向模式，这意味着他们仍然会以错误的方向看到它。我需要将其作为横向。。。所以如果你能帮我嘿，外星人先生，谢谢。。但这是为了检测。。。我需要改变我的看法。如果你成功地找到了解决方案，相信我，当你在iPad上打开网站时，你将是第一个感到恼怒的人，你会希望让其他人感到恼怒或删除该代码，因为iPad会改变方向（如果没有锁定），而你的代码也会使其旋转，因此，ipad将只做纵向和横向，用你的代码，甚至safari也会做纵向和横向，用户会一直“点头”。这会非常有趣。为什么你想手动/显式地改变方向，因为像ipad这样的设备已经能够做到这一点了？如果每个人都不得不翻转设备，这难道不会让他们感到恼火吗？我的意思是，这是一个有趣的问题，但从用户的角度来看，这难道不会激怒人们吗+1无论哪种方式，只要说，当他们翻转设备时，页面可能会“停留”在横向模式，这意味着他们仍然会以错误的方向看到它。我需要将其作为横向。。。所以如果你能帮我嘿，外星人先生，谢谢。。但这是为了检测。。。我需要改变我的看法。如果你成功地找到了解决方案，相信我，当你在iPad上打开网站时，你将是第一个感到恼怒的人，你会希望让其他人感到恼怒或删除该代码，因为iPad会改变方向（如果没有锁定），而你的代码也会使其旋转，因此，ipad将只做纵向和横向，用你的代码，甚至safari也会做纵向和横向，用户会一直“点头”。这会非常有趣。啧啧啧啧，林克只回答溺死小猫和践踏小狗。虽然链接是好的，但你应该在你的答案中发布故事的内容。仅引用链接的答案并不完全是答案，特别是因为你似乎不确定，通常你想解释解决方案，并给出链接引用的代码示例。在每种情况下，链接所做的只是更改图像或内容，问题是在浏览网站时要明确改变模式。Tsk Tsk，link只回答溺水小猫和践踏小狗的问题。虽然链接是好的，但你应该在你的答案中发布故事的内容。仅引用链接的答案并不完全是答案，特别是因为你似乎不确定，通常你想解释解决方案，并给出链接引用的代码示例。在每种情况下，链接所做的只是更改图像或内容，问题是在查看网站时显式更改模式。找到解决方案。。。谢谢…得到解决方案了。。。谢谢