在定位更改上重新加载web应用程序

Question

简单的问题。我尝试了不同的搜索词组。最近我想是“上方向变化重装Web应用程序”

我知道或深深可疑某人（或多个）之前已经问过这个问题，＃2，但搜索结果中不回答我的简单的问题。

1）我有一个网站，使得拿在横向视图手机时在智能手机上很好，直到......

2）我重新定位的智能手机软件到“肖像”视图位置，那里的手机处于正常位置，手机的长高是垂直的

然后网页是而不是使用整个屏幕。页面保持完全相同的高度，因为在横向模式下手机处于“横向”状态。我看到的只是使用智能手机屏幕前2/5的页面。

当我手动刷新页面时，网页然后完全填满整个屏幕的高度。

我已经添加了这一点，它什么也没有改变：

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

我喜欢强迫重新加载页面或东西？在JavaScript时，智能手机的方向发生变化。

因为我知道一个事实，当我从横向旋转智能手机的画像后重新加载页面，然后（然后只）将我的网页使用智能手机的屏幕的整个高度。

我只使用纯JavaScript。

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

Answer 1

这是一个非常不成熟的解决方案，您有后，但是，

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

是刷新页面，当用户改变方向的可靠方式。

您还可以使用

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

---

一般来说，你应该确保你写正确的HTML/CSS如果你希望你的网页来响应是这样设置的，而不是恢复到这种原油的解决方案

的