どちらを使うのが良いですか？

Question

ヘッダーにロゴの配置に関する質問があります。値をパーセントまたはピクセルで直接入力する方がよいでしょうか？例えば

ここでは、htmlコードです：

<div class="bar"> 
    <div class="logo"></div> 
</div> 

とCSS：

.bar { 
    background: url("background.png") repeat-x scroll 0 0 transparent; 
    height: 50px; 
} 

.bar .logo { 
    float: left; 
    margin-top: 10px; 
    margin-left: 5%; /*or 20px for example*/ 
} 

別のブラウザ（FirefoxやIE、...）との表示に差があるかもしれません他の方法よりも面白い方法かもしれません。

ありがとうございました。あなたNEVERをスケールする（例えばGoogleの広告div）、既知の固定された項目について

Answer 1

これはさまざまですが、完全に制御するにはピクセルを使用する必要があります。画像要素と非常に詳細な配置を組み合わせたページは、ピクセル単位である必要があります。このため、今日の多くのページは幅が固定されています。また、ピクセルは、ブラウザ間で一貫している可能性が高くなります。なぜなら、ピクセルは、どこから物を求めているかをより正確に記述しているからです。

ブラウザのサイズによってページレイアウトが異なる場合、または正確ではないレイアウトの場合は、パーセンテージを使用します。

Answer 2

、ピクセルが細かいです。

しかし、他のすべてのケースの99％では、問題のオブジェクトが異なるディスプレイで拡大縮小されるため、パーセンテージが優れています。

Answer 3

多く依存しています。一般的には、どのブラウザでも、どのマシンであれ、どの解像度にも適合するため、パーセンテージを使用する方が良いです。しかし、固定位置（マージンが良い）を得たい場合、ピクセルはこれに適しています。しかし、サイズや解像度が異なるモニターでは、ピクセルのサイズが異なることに注意してください。たとえば、1440x900の解像度で動作する17インチモニターでは、同じ1440x900解像度で動作する21インチモニターよりもピクセルが小さくなります。

Answer 4

このトピックに関するいくつかの洞察を与えるには、次のリンクのように見えます！私の意見で

• Percentage or Pixel?
• Percentages Vs. Pixels in CSS
• CSS percent Vs. Pixel

、私はあなたが固定レイアウトを使用して、そして割合よりスーツ流体レイアウトされている場合のピクセルがより適しているであろうと思います。

Answer 5

さらに3つ目の選択肢があります。その3つ目の選択肢は、その中間にあります。 デフォルトのフォントサイズが10pxの場合は、 （または、より良い62,5％の互換性）体であなたはemのピクセルを計算することができます：1emは10pxです;

何が面白いですか？ユーザーがIEまたはFFのfont-zoomを持っていると、それに応じて事態が拡大します。アクセシビリティに適しています。