以下が私のサイトへのやってくる訪問者が使用している
パソコン画面サイズ[解像度]の割合です。
1位 1024×768 (およそ 〜15インチ:XGA) 70%
2位 1280×768 7%
3位 1280×1024(およそ 16〜19インチ:SXGA) 5%
4位 1280×800 4%
5位 1440×900 2%
6位 1400×1050 2%
7位 1014×685 1%
8位 640×480 1%
9位 1280×600 1%
10位 800×600 (およそ8.4〜10.4インチ:SVGA ) 1%
※まだ考慮しなくてよいと思いますが、PCサイト ビューアーなどに対応したQVGA(240×320 )サイズの携帯からのアクセスもサイトによってはこれから増えてくる可能性もあるはずです。今は全体の0.1%あるかないかという程度ですが
やはり圧倒的に多い画面サイズは15インチですね。
これは他の多くのサイトでも言える事で、PCサイトは15インチのディスプレイモニター画面で見てもおかしくないようなレイアウトのサイトでなければならないと思います。私は自宅でも会社でも17インチサイズの画面を使っており、この事で始め大きなミスをしてしまっていました。
多くのブログで採用されている「3カラムレイアウト(左サイドバー/センター/右サイドバー)」ではパソコンの画面サイズの比率によってレイアウトが決まるので使用する画面サイズによってはレイアウトが大幅に崩れてしまいます。
今はCSSを勉強し左右の幅を固定しているのでそういったことはありませんが、基本的には15インチの画面で見てもおかしくないようなレイアウトにするように心がけた方がよいと思います。
少なくとも通常の3カラムレイアウトでは右サイドバーは正常に見ることはできませんので。 あと注意しなければならないのがtableタグです。これも比率で作っているものの場合解像度の動作環境によって大幅にレイアウトが崩れてしまいます。特にMacを意識しないのであればよいですがMacで見た場合崩れてしまうtableというのもあるので
機会があるごとに自分がいつも使用しているのとは違った動作環境、また違った画面サイズ(解像度がちがうもの)で見てみることも忘れずに〜。











[

