過大的圖像模糊時減少

這是我第一次嘗試快速設計，所以如果這是一個愚蠢的簡單問題，請原諒我。過大的圖像模糊時減少

我已經創建了一個圖像，並將其最大寬度設置爲不大於圖像的實際寬度，因爲我知道放大圖像會導致模糊的混亂。

我就有點困惑是什麼，因爲我的合同窗口和IMG開始萎縮，它變得模糊，以及...

這是正確的行爲，是有一些解決這個辦法嗎？

任何幫助表示讚賞！

2012-04-04 Stefan

哪裏是你的代碼的問題???我認爲它需要改進 – Baba 2012-04-04 12:46:09

當你收縮窗戶時，圖像也縮小了嗎？我猜你已將圖像寬度設置爲％，然後添加最大寬度？ – 2012-04-04 13:21:43

是的，它收縮，我有包裝div設置爲百分比，img標籤設置爲寬度：100％;身高：自動; max-width：480px; – Stefan 2012-04-04 14:49:56

如果您使用Fire Fox，則報告存在縮放圖像時出現問題的情況。

顯然，添加以下的CSS有固定的一些

image-rendering: -moz-crisp-edges;

2012-04-04 13:27:33

我正在使用Firefox，實際上它好像當我在Safari中查看時它正確顯示。它確實似乎是Firefox特定的，但添加上面的規則確實使圖像更清晰，但實際上太多會使圖像變得更糟。 – Stefan 2012-04-04 14:53:20

我認爲目前它是可以接受的，但我需要找出一種更好的方式來以這種靈活的佈局顯示圖像。感謝您的幫助。 – Stefan 2012-04-04 14:54:14

不錯，雖然問題也出現在webkit中，至少Chrome – 2012-11-21 11:33:16

回答