使用しているモニターのサイズをピクセルで表示してみました。JavaScriptは実質3行です。
<!-- index_b.html -->
<!DOCTYPE html>
<html lang="ja">
<head>
<title>モニタサイズ確認</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="links/rule.css">
<!-- linksフォルダーのrule.cssを利用する -->
</head>
<body>
<br>
現在利用しているモニタのサイズは以下の通りです
<br>
<h1><br>
<script src="links/action.js"></script>
<!-- linksフォルダーのaction.jsを利用する -->
</h1>
<!--</div>-->
</body>
</html>
<!-- index_b.html -->
/* action.js */
document.write("モニターの左右：",screen.width,"px");
document.write("<br>");
/*
document.write("利用可能なモニターの幅：",screen.availWidth,"px");
document.write("<br>");
［screen.availWidth］プロパティは、ウィンドウで利用可能な水平方向の空間をピクセル数で返す。
document.write("<br>");は改行
*/
html {
*/
document.write("モニターの天地：",screen.height,"px");
/*
document.write("利用可能なモニターの高さ：",screen.availHeight,"px");
［screen.availHeight］プロパティは、
ウィンドウで利用可能な垂直方向の空間をピクセル数で返す。
/* action.js */
/* rule.css */
@charset "UTF-8";
* {
margin: 0px;
padding: 0px;
}
html {
overflow-y:scroll;
}
body *, ::before, ::after {
box-sizing: border-box;
}
.clearfix::after {
content: " ";
display: block;
clear: both;
}
body {
color: #000000;
background-color: lemonchiffon;
text-align: center;
font-size: 14px;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
}
h1 {
font-size: 20px;
color: #ff0000;
/*text-align: left;*/
text-align: center;
}
/* rule.css */
処理結果はこんな感じです。
