解像度にあわせた表示の仕方・・・

質問

新たな疑問が出てきたため質問をさせていただきます。
すいません。m(_ _)m

HPを見に来る人たちのモニターの解像度によって
表示が異なると思います。
作成している自分とみんなは環境が異なると思います。

そこで、HPを見ている人たちの環境によって表示を合わせる。
HPを見ている人たちの環境の解像度に合わせた文字や画像の
表示ができ、作成した私と同じ環境の表示をさせたいと思いました。
現在は800X600であわせています。

そういうことは可能でしょうか？
参考になるソースがあれば教えてもらえると幸いです。

回答No.2

noname#102878

最初に相手の解像度を取得し、解像度別のファイルに飛ばすことは可能です。
しかしそこまでやりますか？

私の経験ですが、横800以上はあまり必要ないかと思います。
ユーザーにとって縦へのスクロールは特に苦になりません。

参考URL：

http://ww4.enjoy.ne.jp/~m.kawanaka/oso/accessup.html

回答No.1

yuizuian

screen.widthとscreen.heightを使用すれば、解像度を取得することが可能ですが、
必ず取得できるというものでもないようですし、
例え取得したところで、Macユーザの方はウィンドウのサイズを
自分好みに変えてインターネットを利用していることが多いようなので
当てにはならないと思います。

それなら最初から840×480でも表示できるようなサイトにするとか、
総Flashにしてしまう方が良いかもしれませんよ。

参考までに、screen.availWidthとscreen.availHeight で
ブラウザの有効範囲の広さを取得できます。
＃ただし、Windowsの場合メニューバーやツールバーの部分も「有効範囲」とされるようです。
＃Macは未確認。