私はjavascriptに少し慣れていないので、これがばかげた質問である場合は失礼します。
私はいくつかのグラフを表示するウェブサイトを持っています。問題は、これらのグラフがページの読み込み時に描画されることです。つまり、画面の幅/高さが変更されても、元のサイズが維持されます。これはデスクトップバージョンでは問題になりませんでしたが、iPhoneとiPadでも機能するようにしたいと思います。これは、ポートレートからランドスケープに、またはその逆に切り替えるときに、グラフを再ロードする必要があることを意味します。
body-tagに「onResize」を追加してこれを解決しようとしました。これは、デスクトップモードでブラウザウィンドウのサイズを変更するときに最適に機能し、iPhoneでも正常に機能します。しかし、iPadは無限ループに巻き込まれます!なぜ?
この問題で私を助けてください、私は今それに何時間も費やしてきました...
私が使用するコードは次のとおりです。
ヘッダー内:
<script type="text/javascript">
function myfunction(){window.location.href = window.location.href;}
</script>
そして体内で:
<body onresize="myfunction()">