em?それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。rem[ad#ad-2]下記は各ポイントを意訳したものです。はじめにpxを使ったサイズ指定emを使ったサイズ指定remを使ったサイズ指定はじめにフォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。それらの中で短所が少なく、よく利用されるテクニックは2つあります。pxを使ったサイズ指定emを使ったサイズ指定これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。pxを使ったサイズ指定ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており、信頼できるものでした。IEにおいて(IE9でも)ブラウザの機能で文字のサイズを変更することに対応ができません。これはユーザビリティにおいて、重要なポイントとなるでしょう。IEの最近のバージョンではズーム機能があり、これはすべての大きさを増やすことができます。このことは、一度問題を和らげるのに役立ちました。私はこの一貫性を提供するピクセルベースのレイアウトが好きでした。ユーザーは自身のビューを調整するためにアクセス可能なツールを持っているので、アクセシビリティの心配は低いと思っていました。emを使ったサイズ指定IEの文字のサイズを変更する機能に対応していないのは、フラストレーションでした。そこで「em」を使うことで、この問題から抜け出すことができます。ems」で初めて読みました。7年も前のものですね。このテクニックはベースフォントとしてbodyに「%」を使ってサイズを指定します。デフォルトの16pxの代わりに、1emが10pxになるように調整します。フォントのサイズを14pxにするためには、1.4emをセットします。*/このテクニックの短所は、emベースのサイズ指定は複利計算されるということです。リストの子要素のフォントサイズは14pxではなく、20pxになります。一つ深い階層になると、27pxになってしまいます。これは、子となる要素は複利計算されてしまうため、1emを宣言し避ける必要があります。}remを使ったサイズ指定3つ目に紹介するテクニックは、CSS3の「rem」です。この単位がどのように機能するか見てみましょう。「em」は親のfont-sizeに相対的で、複利計算され問題を起こすことがあります。「rem」では常にルート(またはhtml要素)に相対的となります。これは、html要素にフォントのサイズを一つ定義し、すべての子要素を「rem」で定義することができます。*/私がベースフォントによく定義するのは62.5%で、これは「px」を使用するのに類似しているからです。注目すべき点は、IE9が文字のサイズを変更することをサポートするということです。※Opera(11.10現在)では、「rem」をサポートしていません。「rem」をサポートしていないブラウザにはどのように対応すればよいでしょうか?IE7/8ではページのズームがあり、「px」を使用してもサイズを変えることができます。これを活用し、下記のように最初に「px」で定義し、次に「rem」で再び定義します。*/これですべてのブラウザで一貫したサイズで定義し、すべての主要ブラウザの最新バージョンでサイズ変更可能なテキストを利用することができます。Posts関連記事が見つかりませんでした。