TODOS・何でも情報交換TOPから是非ご覧ください。
一番下の投稿フォームへ > スレッド一覧 > 記事閲覧
ブラウザによる表示の違い
日時: 2009/11/04 06:42
名前: りり

こちらで話題になりました。
http://todos.xsrv.jp/22patiohp/todos.cgi?no=18

他のブラウザを使っている方のことも意識して、ページを作成することも必要ですね。

なかなか自分で複数ブラウザを使って確認することも大変なので、皆様、ご自分でお使いのブラウザで見た感じなど、情報をくださるとありがたいです。

よろしくお願いします。

例えば、添付したこちらのトップページ画像、左は、juneさんがフレームの話題の所で貼ってくれたFireFoxのもの、右が私がキャプチャーしたIE8です。

上下の余白に若干の違いがあるのが分かると思います。
これは、全部表でレイアウトしているので、その解釈とか、マージンの取り方が違うのかもしれません。

いろいろな比較データがあると、違いが分かってくるかも。
メンテ

*TODOS・何でも情報交換・TOP*<スレッドPage> 最新 | 2 | 1 |

Re: ブラウザによる表示の違い ( No.11 )
日時: 2010/01/27 11:29
名前: sugiyama
URL: http://www.ysugiyama.com/vinyl/

Apple社の携帯オーディオプレーヤー「iPod touch」で見た画面です。
アクセス時点では1枚目のキャプチャ画像のように字が小さくて読めないですが、
左側の段を指で叩くと2枚目の画像のように拡大され読めるようになります。

上手く出来ている端末です。
メンテ
Re: ブラウザによる表示の違い ( No.12 )
日時: 2010/01/27 22:50
名前: MIKI

AU W53CAで表示してみました。
メンテ
Re: ブラウザによる表示の違い ( No.13 )
日時: 2010/01/28 06:32
名前: りり

sugiyamaさん、「iPod touch」の画面、ありがとうございます。
ここのトップページは、幅800で作っているのですが、ある程度行を増やして縦に伸ばし、それでも横が入りきらないと、縮小しているみたいですね。

MIKIさん
AU W53CAでは、その画面から、縦横スクロールすれば、見られるのかな?

トップペーじは、テーブルで、ギツギツにレイアウトしているので、携帯では難しいですよね。

それで、こちらのように
http://todos.xsrv.jp/1patiokk/patio.cgi
ここからのトップページは、このようにしています。
http://todos.xsrv.jp/check/kcheck.cgi

いつものトップページURL check.cgi の前に k を付けて kcheck.cgi にすれば良いので、携帯では、こちらを登録いただきたいと思います。
メンテ
Re: ブラウザによる表示の違い ( No.14 )
日時: 2011/07/06 12:25
名前: sugiyama

私のサイトのアクセスデータ(直近1ヶ月)です。
【40種類のブラウザと OS の組み合わせ】

1.Internet Explorer / Windows 66.58%
2.Firefox / Windows       6.4%
3.Chrome / Windows       6.3%
4.Safari / Macintosh      6.0%
5.Safari / iPhone        5.2%
6.Android Browser / Android   3.3%
7.DoCoMo / NTT DoCoMo      1.4%
8.Safari / iPod         1.1%
9.Opera / Windows        0.9%
10.Firefox / Macintosh     0.8%

これを見ると、5のiPhoneと8のiPodを足して6.3%で、
これは無視できない割合だと思います。(これから比率は増える一方でしょうし。)
IE、FF、Chromeの違いなどは、言ってしまえばレイアウトが多少違って見えるぐらいなのでしょうが、
iPhoneなどの携帯端末は画面の大きさが全く異なるので、それなりの対策を立てておくべきでしょう。

ちなみに、別途iPadからのアクセス数のデータというのもあって、それによるとiPadはiPhoneの約1/10でした。
iPadでの表示のされ方は結構衝撃的なので、機会があるときに確認してみるといいと思います。
(iPhone同様、縦置き時・横置き時の両方のチェックが必要。)
メンテ

*TODOS・何でも情報交換・TOP*<スレッドPage> 最新 | 2 | 1 |

楽しい交流と情報交換のTODOS・アップローダーも用意。ぜひTOPからもご覧ください。
ご参考になりましたら、お気軽に一筆お書き込みくださいませ。
題名 スレッドをトップへソート
名前
画像添付
JPEG
GIF
PNG



参照ボタンを押して、PCの画像を指定ください。3枚まで指定できます。縮小画像はクリックで拡大されます。
パスワード (好きなパスワードを。投稿後、右下のスパナマークをクリックし、そのパスワードを入れて修正できます。)
コメント

   クッキー保存
スレッドTOPへ***スレッド一覧