2

どうやら、ポイント（pt）は、印刷媒体でのみ、Webでは使用しないでください。サイトをピクセル単位で完全に表現したい場合は、ピクセル（px）を使用する必要があります。パーセント（％）とems（em）はほぼ同じように機能し、ズームなどでサイトをスケーラブルにする場合に使用する必要があります。

5分前、私はこれらの数行のコードを記述し、Chrome、Firefox、Safari、IE、iPhone5でテストしました。

<html>
<p style="font-size:16px;">Dette er en test</p>
<p style="font-size:100%;">Dette er en test</p>
<p style="font-size:1em;">Dette er en test</p>
<p style="font-size:12pt;">Dette er en test</p>
</html>

ズームインとズームアウトを行っても、すべての段落のサイズが同じままでした。では、どのようなユニットを使用するかは本当に重要ですか？

4

3 に答える 3

1

さて、これに関する素晴らしい記事を見つけました: http://alistapart.com/article/howtosizetextincss

彼の結論：

私たちの仕事は、デザイナーがタイポグラフィを正確にコントロールできるようにテキストのサイズを調整する方法を見つけることでしたが、ユーザーが読む環境を調整する能力を犠牲にすることはありませんでした。一般的なブラウザでさまざまなユニットをテストしました。テキストと行の高さを ems 単位でサイズ設定し、本文でパーセンテージを指定すると (および Safari 2 のオプションの注意事項)、現在一般的に使用されているすべてのブラウザーで、正確でサイズ変更可能なテキストが提供されることが示されました。これは、キットバッグに入れて、デザイナーと読者の両方を満足させる CSS でテキストのサイズを変更するためのベストプラクティスとして使用できる手法です。

特に要素を深くネストする場合、数学を追跡するのが難しいため、Em を扱うのは難しい場合があります。ただし、スタイル シートに適切なコメントを付けたり、本文から要素をスタイリングしたりすることで、物事を理解しやすくすることができます。このより複雑な例とそれに付随するスタイル シートは、本文を開始点として使用してネストされた要素のサイズを変更する方法を示しています。

それが役に立てば幸い。

于 2013-01-30T10:56:23.110 に答える
0

さまざまなユニットがさまざまな状況で役立ちます。どのユニットをいつ使用するかを知るには、それらが何をするのかを知る必要があります。これは、MDNで、またはW3仕様で希望する場合はかなりよく説明されています（％については、以下を参照してください）。

あなたが言及するユニットタイプに関するMDNからの引用は次のとおりです。

em
この単位は、要素の計算されたフォントサイズを表します。font-sizeプロパティ自体で使用される場合、要素の継承されたfont-sizeを表します。

px
表示デバイスを基準にしています。画面表示の場合、通常、ディスプレイの1つのデバイスピクセル（ドット）。プリンターや非常に高解像度の画面の場合、1つのCSSピクセルは複数のデバイスピクセルを意味するため、1インチあたりのピクセル数は約96のままです。

pt
1ポイント（1/72インチ）。

パーセンテージは奇妙なもので、独自のMDNページがあります。

多くの長さプロパティは、幅、マージン、パディングなどのパーセンテージを使用します。パーセンテージはfont-sizeでも見ることができ、テキストのサイズはその親のサイズに直接関係しています。

または、W3仕様の独自のサブセクション：

パーセンテージ値は、長さなどの別の値を常に基準にしています。パーセンテージを許可する各プロパティは、パーセンテージが参照する値も定義します。値は、同じ要素の別のプロパティの値、祖先要素のプロパティ、またはフォーマットコンテキストの値（たとえば、含むブロックの幅）の場合があります。ルート要素のプロパティにパーセンテージ値が設定され、そのパーセンテージが特定のプロパティの継承された値を参照するものとして定義されている場合、結果の値はそのプロパティの初期値のパーセンテージ倍になります。

したがって、「はい」、どちらを選択するかが重要です。それぞれが異なる状況で異なる効果をもたらす可能性があります（同じ結果につながることが多いという事実に関係なく）。

于 2013-01-30T11:05:53.370 に答える
0

em 単位は、Web 上のフォント サイズの最新かつ近い将来の標準ですが、実際には、パーセント単位の方がユーザーにとってより一貫性のあるアクセシブルな表示を提供するようです。

クライアントの設定が変更された場合、テキストのパーセントが適切な割合でスケーリングされるため、読みやすさ、アクセシビリティ、視覚的なデザインを維持できます。

したがって、パーセントを使用することをお勧めします。

ここでコンバージョンを確認できます。お役に立てば幸いです。

于 2013-01-30T10:57:30.237 に答える