爲什麼在IE9中縮小圖像尺寸導致圖像失真？

我即將爲關閉圖標設計一系列帶有11px x 11px「X」的選項卡。在IE9中，如果我將它縮放到95％，我看到「X」的圖像失真。我做了一個顯示多個相同圖標並放大的測試，它可以在Chrome和Firefox中完美工作，但在IE中不會。爲什麼在IE9中縮小圖像尺寸導致圖像失真？

我認爲這與自定義縮放有關，因爲在Chrome和Firefox中，每次只能縮放10％。

如果我對此有錯，請糾正我。

來源

2011-12-07 Hugh H

確認^^

我不認爲你可以解決這個問題。您無法控制Internet Explorer在縮放更改期間如何調整圖像大小。因爲這是一個關於一個/兩個像素的問題，所以只有當圖像非常小時纔會顯示。 Internet Explorer顯然是以不同的方式計算高度和寬度。

來源

2011-12-07 18:09:40 Gersom

Thx您的回覆^^我知道IE中的盒子模型與W3C標準模型不同。從外部到內部，有邊緣，邊框，填充和內容。 W3C標準的寬度僅限於內容本身。然而，IE測量寬度的方式是邊框+填充+內容。這裏是這個http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug的鏈接，但我不知道IE9是否仍然像這樣的行爲..這可能是我的錯誤的原因？ –

爲什麼你期望一個11px x 11px圖像看起來好以95％的尺寸顯示？如果你想要它更小，創建一個10px x 10px版本。

來源

2011-12-07 19:53:00

它不適用於10 x 10版本。我試過了。 :( –

IE對其他瀏覽器使用完全不同的渲染引擎。

在內部，發生縮放時，它將重新繪製應用了縮放的瀏覽器區域。一些瀏覽器使用anto-aliasing和其他技術來刪除或緩解工件。

不幸的是，這不是你可以控制的東西。

來源

2011-12-07 21:11:57 Basic

爲什麼在IE9中縮小圖像尺寸導致圖像失真？

回答

相關問題