2011-09-14 14 views
2

本書では、フォントのサイズをピクセルで指定することはアクセシビリティの観点から正しい方法ではないことを著者が指摘しています。パディングのマージン、余白

後で、マージンとパディングをピクセル単位で使用しています。ピクセルはデバイスの解像度に相対的なものです。異なるデバイスからアクセスした場合、一貫性がありますか?

説明してくれてありがとうございます。

- 更新:著者によって後でノートを読む:真のデザインのスケーリング(だけではなくテキスト)を提供するなど、著者は「マージン、パディング、行の高さのためにEMSを使用してみてください、そして、フォントサイズに関係なく。

古いブラウザのサポート/アクセシビリティの問題が考慮されている場合は、相対的な測定が優先されます。

+0

はいピクセル単位で定義されたすべてが一貫して動作するように設定されますので、問題となるのは、ある特定の領域に留まるような詳細がある場合、ピクセルと相対的な位置が移動する方法です...しかし、stackoverflowやフォーラムなどのシンプルな構造を使用していて、そのようなパーセンテージなどがあなたの画面の解像度に合わせてよりアクセシブルになるので、より適切です。 – Breezer

答えて

2

意見の多くがありますが、それを行うには誰最高の右/間違った方法のためのピクセル単位の説明を参照してください。内容、サイト、オーディエンス、コードなどの文脈に依存します。

フォントをピクセル単位で定義することは、本質的にアクセスできません。 IE6ではユーザーの好みによって型のサイズを決めるのが難しい時がありましたが、それはpxの単位ではなくIE6の失敗でした。多くの人々は、大量の継承されたCSSと深くネストされたDOMを持つ大きなサイトで作業を簡単にすることができるので、pxの型指定を好むようになりました。

前述のように、emは、そのタイプのサイズに対する相対的な測定値です。したがって、emを使用してパディングと余白を設定すると、ページの基本フォントサイズに比例して変化します。それはいいですか?再度、あなたの特定のページレイアウトとニーズに依存します。

+0

はい、私は多くの人々が要件に基づいて強調しています。 IE6を広範囲またはモバイルで使用している人のために、相対測定を使用することは心配です... – Anna

1

これはIE6の唯一の問題です。新しいブラウザはすべて適切にズームし、ピクセル単位で設定してもテキストが拡大されます。

emでフォントサイズを設定しても、他のブラウザではアクセシビリティが向上しません。 しかし、それはどんなブラウザでも害ではないので、それがあなたに合っているならば、それに固執してください。

cssのピクセルは実際のピクセルではなく、視野角のパーセンテージです。 高画質のデバイスでは、コンテンツをうまく表示でき、ピクセルサイズを設定しても表示されません。

参考:

A Pixel is Not a Pixel - Quirksmode

W3C Unit Definitions - 無料頭痛

関連する問題