Question

我想我找到了我在这里寻找的答案： Refreshing page automatically when viewport size change但我不知道如何或在何处提出这个：

window.onresize = function(event)
{
document.location.reload(true);
}

我正在尝试完成与OP相同的操作，我需要在屏幕上强制刷新旋转。

感谢任何帮助。

编辑：

脚本似乎不起作用。当我旋转我的平板电脑（android）时，如果浏览器正在刷新，响应式图像不会调整大小。这让我相信它不起作用。

编辑2：

我的错误，忘了重新上传更改的文件。这是漫长的一天，我只是注意到Filezilla仍然在屏幕上显示更改文件！现在这对我有用。

编辑3：新问题

现在它正在工作，我注意到当我滚动页面时，即使视口没有旋转，它也会在每次移动（向下滚动，而不是向上）时再次刷新。为什么会这样，有没有办法解决它？它似乎不会影响我的iPhone 4，只影响我的三星平板电脑...

增加：

我发现，当浏览器标签移出页面的可视区域时，它会强制在平板电脑上刷新。有没有办法改变这个？

更新：似乎再次成为Chrome问题。

Answer 1

只要它位于<script>标记中，您在页面上的位置并不重要。如果您愿意，可以将其放在<head>的页面顶部。

<head>
   <script language="javascript">
       window.onresize = function(event) {
          document.location.reload(true);
   } 
   </script>
</head>

我在哪里添加此功能？

1 个答案: