ＷＥＢ閲覧中のＰＣの解像度を自動検知できるか

質問

一般的に、ＰＣの解像度はＸＧＡ（１０２４＊７６８）が多くを占めているということで、ホームページはＸＧＡ、文字サイズ中で設計しておけば問題無いと思っていました。ところが、最近一番売れているノートＰＣはＮＥＴ－ＰＣということで、主にメールとネットサーフィンが目的です。そして、殆どのＮＥＴ－ＰＣの画面解像度は１０２４＊６００です。となると、ページの下部が欠けてしまいます。最低解像度ＸＧＡで設計していると、上下スクロールなんて予想していず、リンクのボタン類が下の方に配置されていると、絶対見ることができず、進めず、最悪、ＰＣをリセットしたりせねばならない。そこで、ＨＴＭＬの中で、閲覧されているＰＣの解像度を自動検知して、表示するページを切り替えるという方法ってありますか？

回答No.4

noname#83877 · ベストアンサー

2さんも仰られていますが、javascriptは一つの手でしょうね。
http://javascript.webcreativepark.net/library/dynamiclayout

ですが、私も一定の解像度が無いと閲覧できないサイトは難しいものがあると思います。
例えばネットブックに限らず、普及しているサイズのモニターでもブラウザを最大化しないで使う人もいます。
よく左にメニューがあり、スクロールバーを消しているフレームレイアウトのサイトでは似たような問題が起こり、メニューの項目が多くなると一定の高さが無ければサイトを閲覧できなくなります。

他にも携帯のフルブラウザなんかだと仮想スクリーンというものがあるらしく、レイアウトの方法によっては同様に閲覧が不可能かもしれません。
http://adp.daa.jp/archives/000600.html

それでもどうしてもというのであれば、javascriptでflashやcss等のレイアウトに関するものを制御した上で、それぞれを適宜変更していくしかないと思います。

回答No.3

ORUKA1951

ありません。
基本中の基本ですが、そもそも、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より
ですから、そのような、ページサイズを想定した製作そのものが間違っています。
極端な話、様々な解像度のスクリーン(パソコン)のみならず、携帯端末(PDA)、携帯電話、テレビ、TTY、プリンターのみならず、読み上げブラウザ、検索エンジンにも対応すべきですよ。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
2.4.2 広汎なWebアクセス性の考慮
　誰にとっても、特に障害者にとってもWebをよりアクセスしやすくするため、著者は、自分の文書が音声出力ブラウザや点字出力等、様々なプラットフォームでどのようにレンダリングされるかを考慮する必要がある。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.2 )］より

＞そこで、ＨＴＭＬの中で、閲覧されているＰＣの解像度を自動検知して、表示するページを切り替えるという方法ってありますか？
　ページデザインを、ディスプレイの横幅を基準に%で指定するとかの対策と同時に、メディアタイプごとにスタイルシートを用意するとか・・
　要は、HTMLを基本に忠実に作成すること。もう一度、HTMLとは何か( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/intro/intro.html#h-2.2 )をよく読んで、理解してください。

回答No.2

okg00

JavaScriptを使えば、ウィンドウのサイズを取得することも可能です。

ただし、ネットブックを使っている多くの人は上下スクロールには慣れているでしょうね。また、解像度に依存しすぎるデザインは禁物です。例えば、目が不自由な方は表示を大きくしていますので、普通のPCでも低解像度にしている場合があります。フォントサイズやウィンドウのサイズなどはユーザがある程度選択できるよう、ユーザビリティを高めておくべきです。

回答No.1

dora7075

>ＰＣの解像度を自動検知して、表示するページを切り替えるという方法

そういう方法はありません。

そのため、縦に長いデザインの画面であれば、上と下に同じボタンを配置するような工夫をしています。