モバイル Web サイトで画面サイズがいつ変化するかを確認しようとしています。問題は、ブラウザごとに実装が異なることです。私は、orientationchange のサポートを確認してそれを使用できると思っていましたが、サイズ変更イベントにフォールバックしましたが、これは次の問題につながります。
- Dolphin HD では、orientationchange によって前の方向からの幅が得られます
たとえば、ポートレートでは 384 で、ランドスケープは 589 です。ポートレートからランドスケープに回転すると、ポートレートである 384 の window.innerWidth に向きの変更が報告されます。次に縦向きに回転すると、横向きの幅である 589 が報告されます。
- サイズ変更イベントを使用すると、3 回呼び出されます。
これは、Chrome、Firefox で発生します。したがって、それはAndroidの問題である可能性があります。3回目の呼び出しで正しい幅になりますが、それ以前は幅が異なるため、コードのサイズが複数回変更されます。それはあまり反応しません。
解決策は何ですか？