JavaScriptについて

質問

JavaScriptを使って、画面の横幅を取得し、

縦幅＝横幅ｘ0.75
AAA=横幅
BBB=縦幅

<div style='width:AAApx; height:BBBpx;'></div>

このようなスクリプトはどのように記述すれば良いでしょうか？

回答No.2

t_ohta

＞　ブラウザ画面のサイズが変更された場合はどのようにすれば良いでしょうか？

<div id="hoge"></div>
<script>
setSizeHoge();
window.onresize = setSizeHoge;
function setSizeHoge () {
AAA = window.innerWidth;
BBB = AAA * 0.75;
document.getElementById("hoge").style.width = AAA + "px";
document.getElementById("hoge").style.height = BBB + "px";
}
</script>

回答No.1

t_ohta

画面の横幅が「ディスプレイの横幅」なら
<script>
AAA = window.parent.screen.width;
BBB = AAA * 0.75;
document.write("<div style='width:" + AAA + "px; height:" + BBB + "px;'></div>");
</script>

画面の横幅が「ブラウザの表示領域の横幅」なら
<script>
AAA = window.innerWidth;
BBB = AAA * 0.75;
document.write("<div style='width:" + AAA + "px; height:" + BBB + "px;'></div>");
</script>

補足

回答ありがとうございました。
追加ですみません。
ブラウザ画面のサイズが変更された場合はどのようにすれば良いでしょうか？