webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

frame chart

  •  制作課題を作るのはいいけれども、htmlファイルがbrouser上でどのように表示されるのか、気になって仕方がない。
  • そこで、フレームチャートを作ってみた。
  • width: 1300px  height: 1500pxとwidth: 1200px height: 1500pxの2つ。
  • おもに、様々な環境における縦方向の表示をチェックすることが目的です。
  • わかったことは、自宅の4:3のモニターでみると、横幅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>