按比例縮小的圖像在IE

Question

沒有工作，我有這樣的代碼在我的html：

<img src="images/amazon.png" width="40px" /> 

圖像原本是110 80，但我比例縮小至40像素寬。這在Chrome和Firefox正常工作，由15

但在IE9比例縮小以10分之40它仍然顯示了由80

原來的大小，即110爲什麼會發生這種情況，我該如何解決這個問題？

Answer 1

如果您使用舊式HTML屬性來指定width等，語法確實是而不是包括px。它需要：

<img src="images/amazon.png" width="40" /> 

然而，它被認爲是不好的做法，使用這些屬性，這些天 - 他們是贊成的CSS樣式過時。

CSS可以在元素中指定，因此，如果您需要在那裏指定它，你會寫如下：

<img src="images/amazon.png" style="width:40px;" /> 

注意，因爲這是CSS樣式，在px這裏需要。

更好的辦法是在單獨的CSS文件中指定寬度（與其他頁面佈局樣式一起）。