我是javascript的新手，所以请原谅我这是一个愚蠢的问题。
我有一个显示几张图表的网站。问题是这些图表是在页面加载时绘制的，这意味着即使屏幕的宽度/高度发生变化，它们也会保持原始大小。这在桌面版本上不是问题，但现在我想让它在我的iPhone和iPad上运行。这意味着当我从纵向交换到横向时，需要重新加载图形，反之亦然。
我试图通过在body标签上添加“onResize”来解决这个问题。当我在桌面模式下调整浏览器窗口大小时，这种方法非常有效，并且在我的iPhone上也能正常工作。但iPad陷入无限循环！为什么？
请帮助我解决这个问题，我现在已经花费了数小时的时间......
这是我使用的代码：
在标题中：
<script type="text/javascript">
function myfunction(){window.location.href = window.location.href;}
</script>
身体：
<body onresize="myfunction()">