スマホの画面サイズを取得して、横使い用のレイアウトにする

画面サイズ、ウィンドウサイズを取得するスクリプトです。

<p>画面サイズ:<span id="ScrSize"></span></p>
<p>ウィンドウサイズ:<span id="WinSize"></span></p>
<script type="text/javascript">
//画面サイズの取得
getScreenSize();
//ウィンドウサイズの取得
getWindowSize();
//画面サイズを取得する
function getScreenSize() {
	var s = "横幅 = " + window.parent.screen.width + " / 高さ = " + window.parent.screen.height;
	document.getElementById("ScrSize").innerHTML = s;
}
//ウィンドウサイズを取得する
function getWindowSize() {
	var sW,sH,s;
	sW = window.innerWidth;
	sH = window.innerHeight;
	s = "横幅 = " + sW + " / 高さ = " + sH;
	document.getElementById("WinSize").innerHTML = s;
}
</script>

これを元に

縦と横の数値を比較して

横のほうが大きければ

横使いようのレイアウトを返す。

コメントを残す