要素の寸法を指定するときに浮動小数点数を使用しています。これはjsfiddleを参照してくださいjsfiddle.net/yMTGJしかし、画像を見るとわかるように、ChromeとOperaの両方が適切な幅を設定できず、結果として2つのdivの間に1ピクセルのギャップがあります。i.stack.imgur.com/O9ZxW.png ChromeとOperaはfloatを正しく処理できませんか?なぜ1ピクセルのギャップがあるのですか?浮動小数点使用時にChromeとOperaが失敗する
1
A
答えて
2
これは、幅を466.5px
と指定しているために発生します。これは、他のブラウザ(たとえばFirefox)によって467px
までラウンドセットされます。クロムはこれを正しく表示しようとするので、赤と黄の組み合わせで表示される1ピクセルの線があります(ブラウザを混乱させるように見えますが、ギャップはありません)。
これを避けるには、ハーフピクセルを使用して寸法を指定しないでください(例はどのように見えますか?クロムは正確に何を期待していますか、ハーフピクセルを使用するかどうかわかりません)。
私は外側のdivの幅を932px
に調整し、内側のものは466px
に調整しました。これはクロームで完全に機能します。
EDIT:
あなたが933px
の幅を必要とする場合は、すべてのブラウザで同じ表示になるだろう、別の解決策があるようにする必要があり、独自のギャップに建設されるだろう:あなたの問題はhttp://jsfiddle.net/eS7Qd/
1
あります:width: 466.5px;
小数点は普遍的にサポートされていません。いくつかの情報と可能な解:http://www.latentmotion.com/browsers-trim-pixel-decimals/
1
上記のように、問題は半画素です。半分にできない光のブロックである作業とピクセルを監視します。一部のブラウザでは、この問題を解決するために巧妙に試してみることができますが、これを行うときにすべてのブラウザで一貫した結果を得ることはできません。
私は960ピクセル幅にお仕事をお勧めしますし、それが有効なCSSでないと、あなたがこの仕事を得ることができる方法はありませんhttp://www.960.gs
のようなものを使用します。
関連する問題
- 1. 浮動小数点数以上が失敗しました
- 2. 浮動小数点型の浮動小数点数を使用している浮動小数点数は、浮動小数点数の上位16桁です。
- 3. リストの浮動小数点数(Google Chrome)
- 4. Operaに固有のレイアウト問題(浮動小数点数)
- 5. CSSが浮動小数点浮動小数点を返す
- 6. 浮動小数点値と浮動小数点値の比較
- 7. 中央要素が浮動小数点浮動小数点:左
- 8. 浮動小数点数は浮動小数点数ですか?
- 9. C++がPythonに浮動小数点浮動小数点を変換する
- 10. 最小浮動小数点数float32(現時点ではnumpyを使用)
- 11. 浮動小数点の浮動小数点が正しく浮動しない
- 12. 浮動小数点数浮動小数点数値
- 13. sIFR 3 r436 Opera + Firefoxの浮動小数点の問題
- 14. 浮動小数点数を浮動小数点数に変換する
- 15. 浮動小数点型の浮動小数点ポストがポストボックス外に出る
- 16. 変数の浮動小数点浮動小数点
- 17. キャンバスと浮動小数点
- 18. スキャナを使用して浮動小数点数を.txtから浮動小数点数に変換する
- 19. Elasticsearchで浮動小数点浮動小数点数をfloatに変換する
- 20. 移動時に浮動小数点バーが動きます
- 21. 小数点浮動小数点(C++)
- 22. IE7浮動小数点浮動小数点問題
- 23. MySqlの浮動小数点浮動小数点データ型
- 24. jQuery animateNumber - 浮動小数点浮動小数点の方法
- 25. Javascript/jQuery - 浮動小数点数と浮動小数点数()への問題
- 26. 浮動小数点浮動小数点でボックスが下に飛ぶ
- 27. CSSが浮動小数点数の浮動小数点数の問題
- 28. Bigquery - 浮動小数点型を浮動小数点型にキャストする方法
- 29. 浮動小数点要素を浮動小数点要素にする
- 30. 浮動小数点数を関数に使用する
さて、933(親の幅)/ 2(子の数)= 466.5です。 – Hitch
しかし、私はまだ、いわゆるギャップがある理由を理解していません。 – Hitch
この例では、1つの子が50%を占め、もう1つが50%を占めているとします。 – Hitch