と書いてあるサイトに出会いました
前の例では、列 1 の幅は固定されており、400 ピクセル幅に設定されています。12 px でのテキスト レンダリングでは、1 行あたり約 66 文字になります。リーダーがテキスト サイズを 16 ピクセルに拡大すると、測定値は 1 行あたり 50 文字に減少します。
その列 1の CSSはDIV#col1 { width:400px }
現時点では、読者がテキスト サイズを大きくするケース シナリオにはあまり関心がありません。
彼がどこから比率を取得したのかはわかりませんが、この式は彼が与える両方の比率を説明しているようです:
approximate charcount per line = [2 * (div width)] / (font size)
数式の単位はピクセルです...
さらに下で、彼はさらに 2 つの例を挙げていますが、式はまだ成り立っているようです...
この式は正しいですか？なぜ彼はそれらの比率を与えているのですか？
誰かが以前にこれを尋ねたと思いますが、検索用語が間違っているかもしれません:)
引用されたページの例と式とメモはすべて、文字の幅がフォントサイズの半分であるという単純な考えに要約されています.
これは単なる大まかな経験則であり、平均としても正確ではありません。幅はフォントと文字によって異なります。「文字の平均幅」は非常に曖昧な概念です。Robert Bringhurst の「The Elements of Typographic Style」などのタイポグラフィでは、英語の小文字のアルファベット (a から z) の長さが尺度として使用されますが、実際にはこれらの文字の平均を計算することを意味します。それらだけで、各文字が等しく頻繁に使用されます。
実際には、英語の散文の文字の平均幅は、フォント サイズの 0.5 ではなく、0.4 に近いようです。
結論として、列幅をたとえば 50 文字に設定したい場合は、次のようにするのが妥当な試みです。
width: 20em;
width: 50ch;
CSS3 ユニットをサポートしていない古いブラウザーは、0.4 の見積もりに対応する をch使用します。20em主要なフォントの提案が文字の幅が比較的広いフォントを参照していることを確認 (測定) している場合は、多少大きい比率、またはかなり大きい比率を使用できます。しかし、それは正確な科学ではありません。単位の使用でさえch正確な科学ではありません。これは単に数字のゼロ (0) の幅を示すためです。ただし、これは「平均的な文字幅」の合理的な近似値として扱うことができます。
フォントのピクセル サイズは高さを表し、幅は比率で対応します。文字数を確認する唯一の方法は、モノスペース フォントを使用することです。そうは言っても、それは正しいように聞こえます。確実に知る唯一の方法は、使用しているフォントでテストすることです (高さと幅の比率がかなり大きく異なる可能性があり、使用する文字によって確実に変化するため)。