2012-01-01 3 views
3

cssプロパティの場合、相対値を使用することは適切ではありません。常にpxを使用するとレンダリングが改善されますか?流体レイアウトを作成しているときでも。どのCSSプロパティで相対値を使用するのがうまくいかないのですか?

相対値を使用すると、border-radiusborder-widthのようなプロパティが不適切なレンダリングを引き起こすことがあります。

[編集}例がhttp://jsfiddle.net/jitendravyas/Fbghp/3/

を追加しましたが、CSSのpropetiesについての一つの場所ですべての情報は相対的な値をサポートし、我々が使用している場合は矛盾した結果を与えるしないのですか?ありますか

編集2:別のケース

私は、テキストの影を使用する場合、それは一例http://jsfiddle.net/jitendravyas/Yeg8c/1/を参照してください小さなサイズで不適切な表現を与えます。鋭いレンダリングを得る方法

+2

これはあまりにも一般的な質問です。 'px'を使うことをお勧めします。' em'や '%'を使用することをお勧めします。また、それぞれを使用する場合は、デザインの目的にもよります。設計目標とは独立した正しい時間と間違った時間はありません。 – jfriend00

+0

@ jfriend00は絶対に正しいですが、いずれにしてもこれはあなたが解決できるものです。状況に最も適していると思いますか?小規模の決定であってもリストが役立つので、長所と短所をレイアウトします。 – Purag

+1

「不適切なレンダリング」を定義します。 – BoltClock

答えて

4

this referenceの場合、border-radiusはすべての予想される単位の種類をサポートします。もともと値の値がどのように機能するかについての混乱があり、すべてのブラウザがそれを実装したり、元のものと同じものを実装していなかったりしているようです。古いブラウザの中には、現在のブラウザとは異なる動作をするものがあります。 border-radiusのパーセントは、半径が要素のボックスの高さとボックスの幅のパーセントであることを意味することに合意しました。境界半径上の基準からの

パーセント値

  • が古いChromeとSafariのバージョンでサポートされていない(それがSepember 2010年に修正された)
  • オペラにバギーであります11.50より前
  • は、Gecko 2.0(Firefox 4)より前の非標準的な方法で実装されています。水平および垂直の両方の半径は、境界ボックスの幅に対して相対的であった。