解像度の違いに対応する方法教えてください

[上に] [前に] [次に]
ぶた 1997/09/16(火) 12:21:50
ホームページを見る人によって、ディスプレイの解像度はさまざまです。
(800×600 や1024×768など)
解像度の違いで一画面に情報が納まらなくなってしまったり表示が乱れたり
してしまうのを防ぎ、画面の解像度にあわせた表示をさせるには
どうしたらよいのか教えてください。
お願いします。

とほほ 1997/09/17(水) 00:11:09
あまり凝ったレイアウトはしないことだと思います。
ブラウザのウィンドウサイズをいろいろ変えてみて、それなりに対応で
きるように調整してみてください。
全体的に、配置をすべてブラウザに任せる方法と、<TABLE>と<NOBR>を
駆使してすべて自分で制御する方法があります。

飯塚 [E-Mail] [HomePage] 1997/09/24(水) 22:08:44
あと、サイズ設定に極力パーセント指定をすることがミソかと思います。

dome [E-Mail] 1997/10/12(日) 21:35:39
少し無理矢理ですが次の方法で出来ます
<html>
<HEAD>
</HEAD>
<body bgcolor="#ffffff" onload="get()">
<SCRIPT Language="JavaScript">
<!--
sizex = screen.width;
if (sizex < 700) document.write("<FONT size=1>")
else if (sizex < 850) document.write("<FONT size=2>")
else if (sizex < 1200) document.write("<FONT size=3>")
//-->
</SCRIPT>
(内容)
<!-- この場合これは必須 --></FONT>
</body>
</html>
あと
<html>
<HEAD>
<SCRIPT Language="JavaScript">
<!--
/* (ディスプレイの横解像度が変数ok1から変数ok2でないときに警告します)*/
sizex = screen.width;
ok1 = 750;/* 横解像度の最小を指定します*/
ok2 = 850;/* 横解像度の最大を指定します*/
please = "800x600";/* 推奨する解像度を指定します*/
if (sizex > ok1 && sizex < ok2) {zzz=0;} else{alert("画面の解像度は"+please+"程度を推奨します");};
//-->
</SCRIPT>
</HEAD>
<body bgcolor="#ffffff" onload="">
内容
</body>
</html>
この方法では画面の解像度が指定した範囲外の場合警告します

[上に] [前に] [次に]