2

現在の CSS のベスト プラクティスを使用して、メディア (小さな縦型電話画面またはフル ページ印刷) に関係なく適切なフォント サイズと 1 行あたり 40 ~ 80 文字の快適なフォント サイズのバランスを取るにはどうすればよいでしょうか?

通常の画面のドリルを知っていると思います。本文のフォントサイズをいくつかのパーセンテージに設定し、メインコンテンツ要素を幅70em、最小幅40emでマークします...

しかし、私は、この問題に対するモバイルと印刷の標準について何も知りません。

私の検索の試みはすべて、2002年から2011年までの[em、pixel、％、pt]の利点についての（現在）無駄な議論に私を連れて行きます...

4

2 に答える 2

4 
body {
  min-width: 16em;
  min-width: 40ch;
  max-width: 28em;
  max-width: 70ch;
}

「文字の幅」の単位を使用し、希望の文字数の約 40% の数値で、単位chの設定でバックアップします。em

em単位はフォントのサイズを意味します。ラテン文字のテキストの場合、これは文字の平均幅の約 40% であり、おそらくそれより少し大きいです。

単位は数字 0 の幅を意味します。chこれは一般に、CSS の「文字の平均幅」の最良の近似値です。最新のブラウザーでサポートされていますが、最新のブラウザーよりも少ない場合は、最初に幅をem単位で設定します。

これは、メッセージの見出しの質問に答えます。メッセージの本文はあいまいで、建設的に対処できるような問題を提起していません。

于 2012-06-24T06:44:39.183 に答える
0

文字サイズに相対的なページ幅を設定することは、モノタイプ フォントでのみ意味があります。これらの 2 つの文字列 "iiiiiiiiii" と "WWWWWWWWWW" を考えてみましょう。どちらも 10 文字で構成されていますが、明らかに異なる幅のコンテナーが必要です!

ex/em/chunitをいじることはできますが、やろうとしていることを完全に制御することはできません。またch、完全にはサポートされていません!

いじられたサンプル

于 2012-06-24T06:47:12.497 に答える