JavaScriptで画面サイズを取得・変更する方法

画面サイズを取得する方法

横幅の取得方法

モニターの解像度を取得

モニターの利用可能領域を取得

ブラウザウインドウの表示領域の幅(スクロールバーを含む)を取得

ウィンドウ外観の幅を取得

ドキュメント全体の幅を取得

ドキュメントの表示領域を取得

高さの取得方法

モニターの解像度を取得

モニターの利用可能領域を取得

ブラウザウインドウの表示領域の高さ(スクロールバーを含む)を取得

ウィンドウ外観の高さを取得

ドキュメント全体の高さを取得

ドキュメントの表示領域を取得

画面サイズを変更する方法

現在のウィンドウから相対的に変更する方法

 widthには現在のウィンドウサイズから拡大したい横幅、heightには現在のウィンドウサイズから拡大したい高さを半角英数字で入れます。また数字をマイナスにすると現在のウィンドウから縮小します。

現在のウィンドウから絶対的に変更する方法

 widthには横幅、heightには高さを半角英数字で入れます。ウィンドウそのもののサイズを入力した値に変更します。


Welcome to UX MILK

UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。

このサイトについて

UX MILKのディレクター募集