CSS：0.1em === WTF，浮點不準確？

http://jsfiddle.net/7yda75v0/8/CSS：0.1em === WTF，浮點不準確？

如果我打開小提琴在我的Mac書空氣在最新的Chrome（38.0.2125.104）高度爲，在Safari（7.0.3（9537.75.14））這是，在Firefox（32.0.3）。

我的同事在幾乎相同的機器上有（我的Mac有1.7Ghz，他的2.0Ghz）。 Mac書pro設備也有不同的價值。

它看起來像一個浮點不準確，但爲什麼？這不是瀏覽器，也不是顯示器。當您通過CMD +

使瀏覽器縮放更改字體大小的.t2結果1.0em到沒有differnces你可以得到一些有趣的值，即使瀏覽器縮放。問題並不侷限於很小的em值，這也是本作非自然數，如1.1em

//編輯：這不僅僅是對rem爲em出現問題也是如此。

來源

2014-10-16 timaschew

哇......好笑！我在Chrome中得到了6個，在IE中爲4個 – Tivie 2014-10-16 16:06:06

可能的重複[如何覆蓋Firefox中的最小字體大小？]（http://stackoverflow.com/questions/2421056/how-can-i-override-the -minimum-font-size-in-firefox） – 2014-10-16 16:40:44

如果它是最小字體大小問題不會發生與'1.1 em' – timaschew 2014-10-16 16:49:31

請注意，rem是根據根字體大小計算的。每個瀏覽器和顯示器都會計算不同的像素值。此外，css像素不一定對應於屏幕像素，或者瀏覽器使用所得屏幕像素進行計算。用瀏覽器縮放值的變化，因爲根的字體大小，當你放大改變

編輯：

.t2相對於.t1實際尺寸似乎對每一個瀏覽器。我除了鉻是正確的，在Linux上，OSX和Windows。當一路縮小時，.t2看起來比.t1大。但是，0.2rem和1rem等值正確顯示。 OSX（7.0.6）上的Safari，Linux上的Firefox和Windows上的IE都可以在放大時正常顯示。

來源

2014-10-16 16:29:46

它在'1rem'時不會在瀏覽器縮放時更改 – timaschew 2014-10-16 16:31:40

CSS：0.1em === WTF，浮點不準確？

回答

相關問題