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

投稿者: | 2022年3月11日

1,333 views

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

注意すること!

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

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

アクセス数(直近7日): ※試験運用中、BOT除外簡易実装済
  • 2026-06-27: 0回
  • 2026-06-26: 0回
  • 2026-06-25: 1回
  • 2026-06-24: 2回
  • 2026-06-23: 1回
  • 2026-06-22: 5回
  • 2026-06-21: 2回
  • コメントを残す

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


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