(124) orientationchangeイベントで画面の高さを取得するときの注意点

投稿者: | 2022年3月11日

1,326 views

この記事は最終更新から 1511日 が経過しています。

注意すること!

screen.height は、スマホの回転に関係なくディスプレイ縦方向の高さ。
window.innerHeight は、スマホの回転によりディスプレイ縦横の値が入れ替わる。

window.addEventListener('orientationchange', function() {
  setTimeout(function(){
    const display_H = window.innerHeight;    // ここで回転後の画面高さを取得
  }, 50);
});

アクセス数(直近7日): ※試験運用中、BOT除外簡易実装済
  • 2026-06-22: 0回
  • 2026-06-21: 2回
  • 2026-06-20: 1回
  • 2026-06-19: 0回
  • 2026-06-18: 4回
  • 2026-06-17: 0回
  • 2026-06-16: 1回
  • コメントを残す

    メールアドレスが公開されることはありません。 が付いている欄は必須項目です


    日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)