« ふくおか~ | メイン | 練習試合 vs 筑波大学 »

OS/ブラウザによる見た目の違い

Windowsユーザーの皆様。私たちMacユーザーも、あなたのサイトをウオッチしていますよ。忘れないでね♪
けっこう表示が崩れてしまっているサイトを見かけます。

というわけで、MacOSXの標準ブラウザ「Safari」で自分のサイトを見たら、いったいどんな風に見えてるんじゃい?って思われる方、Macを買うか(笑)、iCaptureというサービスで一度ご確認することをおすすめ致します。

と、いうわけでこの iCapture というサービスを試してみました。
結果としては(右は Windows2000 / Internet Explorer 6.0 、左は iCapture での MacOSX / Safari の表示結果)

普通のページ
Windows2000/IE6の表示MacOSX/Safariの表示
固定ピッチフォントを使用したページ
Windows2000/IE6の表示MacOSX/Safariの表示
<blockquote>タグを使用したページ
Windows2000/IE6の表示MacOSX/Safariの表示
<table>タグを使用したページ
Windows2000/IE6の表示MacOSX/Safariの表示
  • Safari の方が色合いがやや暗いというか、落ち着いた感じですね。
  • フォントなんかのデザインはMacの方がさすがにちょっと洒落た感じ。
  • 行間とか、文字そのものはSafariの方がやや小さ目かもしれません(ちなみにIE6の方は文字のサイズは「小」になってます)。
  • 固定ピッチフォントはWindowsが「MS ゴシック」、Macの方が「Osaka 等幅」に指定してあるのですが、「×」だけMacは小さく表示されて、そこだけ幅がずれてます。

まぁ、全体としてはそんなに表示は崩れてないってことで良かったなと。

ちなみに、このサイトを訪れていただいている方の7割がIE6で、2割ほどのIE5な方、さすがに1%ほどのIE4な方と合わせると実に95%の方がIEを使ってます。
私自身もIE6なんですが、大変評判の悪いこのブラウザも、最大多数の人に見やすいデザインを確認するためには仕方のないところでしょうか。
ちなみにIE勢以外はこんな感じです。

  1. Safari:2.5%
  2. Netscape 4 & 3 & 7:0.8%
  3. Opera:0.7%
  4. Mozilla:0.4%
  5. Sleipnir:0.2%

トラックバック

このエントリーのトラックバックURL:
http://shibirekulage.com/mt/mt-tb.cgi/106

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

Creative Commons License
このブログは、次のライセンスで保護されています。 クリエイティブ・コモンズ・ライセンス.