在iPad纵向模式下查看时如何自动重新载入页面?

我有一个WordPress的网站,并在当前的网站的响应能力。 在横向模式下查看网站看起来不错。 但是,当它的方向是改变肖像模式(垂直)时,站点上的不同小部件会中断或截断到最右边。

然而,在纵向(垂直)模式下页面刷新后,所有小部件显示正常,并且网站一般呈现正确。 看起来像CSS / JS没有加载或无法检测方向更改,直到刷新完成。

不能指望用户重新加载,以纵向模式获得正确的视图。 有没有办法重新加载所有的CSS / JS或只是做一个自动页面刷新方向的变化?

遇到一个线程,有人build议添加到<head>标签

  <meta name = "viewport" content = "initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width"> 

我是WordPress的新手,所以不知道在哪里以及如何添加这个,以便所有页面都能起到这个作用。 也不知道是否上述工作或有一些事情,我可以尝试。

欢迎任何build议,因为我不知道如何排除这个问题。

提前谢谢了

检测并重新加载:

 <script> window.onorientationchange = function() { location.reload() }; </script> 

注意:这个问题是重复的。 我在这里重新发表主要问题的答案。

  window.addEventListener('orientationchange', function () { var originalBodyStyle = getComputedStyle(document.body).getPropertyValue('display'); document.body.style.display='none'; setTimeout(function () { document.body.style.display = originalBodyStyle; }, 10); });