frame chart
- 制作課題を作るのはいいけれども、htmlファイルがbrouser上でどのように表示されるのか、気になって仕方がない。
- そこで、フレームチャートを作ってみた。
- width: 1300px height: 1500pxとwidth: 1200px height: 1500pxの２つ。
- おもに、様々な環境における縦方向の表示をチェックすることが目的です。
- わかったことは、自宅の４：３のモニターでみると、横幅1300pxの場合、横のスクロールが必要になってしまう。右にあるスライダーが画面を喰っている。
- 横幅の限界値は1200pxくらいだな。
- 縦の1500pxはちょっと下を見るにはいい感じで、これ以下では物足りなさそう。
- 軽く2回ホイールを回すと終点に着く感じです。
- まぁ、コンテンツの量次第ですが…
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>1300-1500</title>
<style>
html, body, img, p{
margin: 0;
padding: 0;
line-height: 1.0;
}
#container{
width: 1300px;
height: 1500px;
margin: 0 auto;
}
</style>
</head><body>
<div id="container">
<div><img src="web_1300-1500.png" width="1300" height="1503"></div>
</div>
</body>
</html>
