Javascript 更改方向时重新加载web应用程序

简单的问题。我尝试了不同的搜索短语。我最近尝试的是“在方向改变时重新加载web应用程序”

我知道或深深怀疑有人曾经在Stackoverflow上问过这个问题，但搜索结果并没有回答我的简单问题

1） 我有一个网站，在智能手机上呈现良好时，持有手机在景观视图，直到

2） 我将智能手机重新定位到“纵向”视图位置，此时手机处于正常位置，而手机的长高度是垂直的

那么网页就不会使用整个屏幕。页面的高度与手机在横向模式下“侧放”时保持完全相同。我看到的页面只使用了智能手机屏幕顶部的2/5

当我手动重新加载页面时，网页将完全填满屏幕的整个高度

我添加了这个，但没有任何改变：

  <meta name="viewport" content="height = [pixel_value | 'device-height'],
      width = [pixel_value | 'device-width']" />

我更喜欢强制重新加载页面还是什么？？当智能手机的方向改变时，使用javascript

因为我知道一个事实，当我在将智能手机从横向旋转到纵向后重新加载页面时，我的网页将使用智能手机屏幕的整个高度

我只使用纯javascript

---

当智能手机的方向从横向更改为纵向时，如何在我的web应用程序中重新加载我的网页？

这是一个非常简单的解决方案，但是

$( window ).resize(function() {
  window.location.reload();
});

是一种在用户更改方向时刷新页面的健壮方法

你也可以使用

screen.addEventListener("orientationchange", function() {
  window.location.reload();
});

---

---

一般来说，如果您希望您的网页能够响应这样的设置，而不是恢复到这种粗糙的解决方案，那么您应该确保编写正确的HTML/CSS。这是一种非常简单的解决方案，但是

$( window ).resize(function() {
  window.location.reload();
});

是一种在用户更改方向时刷新页面的健壮方法

你也可以使用

screen.addEventListener("orientationchange", function() {
  window.location.reload();
});

---

---

一般来说，如果您希望您的网页能够响应这样的设置，而不是恢复到这种粗糙的解决方案，那么您应该确保编写正确的HTML/CSS。这是一种非常简单的解决方案，但是

$( window ).resize(function() {
  window.location.reload();
});

是一种在用户更改方向时刷新页面的健壮方法

你也可以使用

screen.addEventListener("orientationchange", function() {
  window.location.reload();
});

---

---

一般来说，如果您希望您的网页能够响应这样的设置，而不是恢复到这种粗糙的解决方案，那么您应该确保编写正确的HTML/CSS。这是一种非常简单的解决方案，但是

$( window ).resize(function() {
  window.location.reload();
});

是一种在用户更改方向时刷新页面的健壮方法

你也可以使用

screen.addEventListener("orientationchange", function() {
  window.location.reload();
});

---

---

一般来说，如果你想让你的网页响应，你应该确保你写的是正确的HTML/CSS，而不是还原为这种粗糙的解决方案

+1因为如果你想让你的网页响应，你应该确保你写的是正确的HTML/CSS，而不是还原为这种粗糙的设置解决方案此处不确定由于我缺乏如何编写正确的HTML/CSS来处理此屏幕方向更改案例的经验，我希望这样做。如果你有一个链接，涵盖了这个具体的案例，我很想知道，可能还有其他的；谢谢你的帮助，让我知道有一种不同的更优雅的方式。我是一个55岁的老人，我不在公司工作——当我以工作为生的时候，当我有同事作为资源时，我学到的东西要快得多。再次感谢。我明白了——但55岁听起来并不老——至少对我来说是这样。Good luckI尝试了screen.addEventListener（）但没有成功。我把“屏幕”改成了“窗口”，但没用；所以我还在调查这件事。我猜我正在使用的LG智能手机和三星Galaxy Tab Pro平板电脑移动设备——都是安卓系统——不会触发“方向更改”事件或其他什么。改用resize——我上面提到过，它更可靠+1，因为一般来说，如果你想让网页响应，你应该确保编写正确的HTML/CSS是这样的设置，而不是恢复到这种粗糙的解决方案由于我缺乏经验如何编写正确的HTML/CSS来处理这个屏幕方向改变的情况，我不确定这里，我希望我这样做。如果你有一个链接，涵盖了这个具体的案例，我很想知道，可能还有其他的；谢谢你的帮助，让我知道有一种不同的更优雅的方式。我是一个55岁的老人，我不在公司工作——当我以工作为生的时候，当我有同事作为资源时，我学到的东西要快得多。再次感谢。我明白了——但55岁听起来并不老——至少对我来说是这样。Good luckI尝试了screen.addEventListener（）但没有成功。我把“屏幕”改成了“窗口”，但没用；所以我还在调查这件事。我猜我正在使用的LG智能手机和三星Galaxy Tab Pro平板电脑移动设备——都是安卓系统——不会触发“方向更改”事件或其他什么。改用resize——我上面提到过，它更可靠+1，因为一般来说，如果你想让网页响应，你应该确保编写正确的HTML/CSS是这样的设置，而不是恢复到这种粗糙的解决方案由于我缺乏经验如何编写正确的HTML/CSS来处理这个屏幕方向改变的情况，我不确定这里，我希望我这样做。如果你有一个链接，涵盖了这个具体的案例，我很想知道，可能还有其他的；谢谢你的帮助，让我知道有一种不同的更优雅的方式。我是一个55岁的老人，我不在公司工作——当我以工作为生的时候，当我有同事作为资源时，我学到的东西要快得多。再次感谢。我明白了——但55岁听起来并不老——至少对我来说是这样。Good luckI尝试了screen.addEventListener（）但没有成功。我把“屏幕”改成了“窗口”，但没用；所以我很高兴