CSS で要素の幅を設定するとき、パーセンテージ全体ではないパーセンテージ幅を設定したくなることがよくあります。
すべての (私には疑わしい) ブラウザーは、小数パーセンテージを同じ方法で処理しますか?それとも、異なる方法でレンダリングしますか?
レイアウトに正確に使用できますか？
質問する
1680 次
2 に答える
5
Webkit ブラウザーは、サブピクセルの丸めを他のブラウザーとは非常に異なる方法で処理します。進行中の問題と見なされるほどです。一方、Firefox と Opera はサブピクセル レンダリングを問題なく処理できるようです。多くの問題は聞いたことがありません。
IE はまったく別の話です。
このトピックの詳細については、次のリンクを参照してください。
少し前に、これに似た質問をしました。これは、それ以来（受け入れられた回答と他の場所の両方から）収集できたものです。
于 2012-08-27T14:48:48.800 に答える
4
はい、彼らがやります。
私の記憶から：
Opera ではパーセンテージの小数点以下の桁数を設定できないため、33.3% を設定すると 33% しか使用されません (かなり面倒です) (編集:Opera は現在のバージョンで改善されているようです)
Firefox では、合計が 100% になるパーセンテージがある場合、ピクセルの合計が常に 100% になるとは限りません
。たとえば、幅が 33.33333% の 3 つの列を持つ外側の div があります。外側の div の幅が 100px の場合、列は 33 ピクセルになり、合計は 100 ではなく 99 ピクセルになります。
古い IE です。覚えていませんが、IE9 は正常に動作しているようです。もちろん悪いのは IE7 です。IE8/9は正常に動作しているようです
クロムは正常に動作します
サファリ:思い出せない
編集
彼女は自分でテストできます
http://jsfiddle.net/fTpFw/
結論
さまざまなブラウザーでフィドルを試した後、すべてが改善されたと思います。最新のブラウザーで (私が達成したいことから) 唯一の悪い実装は、Opera と Safari です。IE7もストッパーです。これらのバガーに対処する必要がない場合は、パーセンテージ幅を使用できます。
于 2012-08-27T14:53:10.587 に答える