-3

CSSで何かについて決定的な答えを得ようとしています。使うべきかどうか悩んでいます

line-height: 1.5;

また

line-height: 1.5em;

また

line-height: 15px;

emまたはを指定しないと言うサイトもいくつかありますpx。その点については、次のように言う必要があります。

margin: 10px;

また

margin: 10em;

あなたの見解は？

4

4 に答える 4

2

MDN line-height docsline-heightに記載されているように、他のユニットには継承の問題がある可能性があるため、ユニットのない数値が特に推奨されます。

他の属性については、正確に何を望むか、および物事を固定サイズにするか、テキストに相対的なサイズにするかによって異なります。

于 2013-03-06T00:38:19.297 に答える
1

Em を使用すると、サイトを伸縮自在にすることができるため、画面サイズに基づいてサイズを変更できますが、これをうまく機能させたい場合は、ページ上のすべての測定値に EM を使用してください。ほとんどのレイアウトで EM を使用しています。

于 2013-03-06T00:34:48.810 に答える
1

明らかに、それは多くのことに依存します。

原則として、テキスト関連のものには em を使用し、装飾関連のものには px を使用します。そのため、パディングと境界線は px で、テキスト サイズ、幅、高さなどは em または % にする必要があります (さらに良いのは、流動的なレイアウト)。

大きなテキスト表示を使用していると想像してください。大きくしたい要素は何ですか？境界線を大きくすると、テキスト用のスペースが少なくなる可能性が高いため、実際にはマイナスになります。

行の高さについては、単位を使用しないでください (または em ですが、2 文字の無駄です)。それはフォントサイズの比率です。px を使用した場合、テキストよりも小さい line-height になる可能性があり、これは悪いことです。

このサイトでは、単位のないものと em について興味深い点が指摘されています: http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/。em を使用すると、フォント サイズが異なっていても、すべての子に固定の行の高さが設定されますが、単位を使用しないと、常にフォント サイズに相対的な行の高さが使用されます。ほとんどの場合、後者が望ましいですが、前者も必要になる状況を考えることができます。

于 2013-03-06T00:39:16.030 に答える
0

マージンの定義には、可能な限りpxを使用しないでください。リフロー可能なレイアウトであるため、em や％などの相対単位を使用します。小さなデバイスやサイズ変更されたテキストでのレイアウトがどのように見えるかを常に想像して検討する必要があります。

  • 垂直方向のテキストマージン（margin-topまたはmargin-bottom）の場合、これはフォントサイズに依存するため、emsを使用します

  • 水平方向の幅には％を使用します

  • 左の境界線の近くの余白には、50ピクセル未満の場合はピクセルを使用できます。

  • すべての画像がdiv/figure要素でラップされ、imgが100％に設定され、heightがautoに設定されていることを確認してください

  • 横向きの画像は、幅を50％に設定し、左または右にフロートさせることをお勧めします

  • 縦向きの画像は、幅を33％に設定し、左または右にフロートさせることをお勧めします

于 2013-03-06T00:55:54.743 に答える