按比例缩小的图像在IE

没有工作，我有这样的代码在我的html：按比例缩小的图像在IE

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

图像原本是110 80，但我比例缩小至40像素宽。这在Chrome和Firefox正常工作，由15

enter image description here

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

enter image description here

原来的大小，即110为什么会发生这种情况，我该如何解决这个问题？

来源

2013-05-05 soundswaste

scale for me .. http://jsfiddle.net/T6CPz/，btw这些属性不推荐使用，而是使用CSS或内联样式代替 – 2013-05-05 18:43:18

取下'px' – 2013-05-05 18:44:03

好的，所以我将twitter bootstrap.css包含在我的文件导致上述“调整到原始”问题。删除解决它。我发现'img'的'width'和'height'在bootstrap.css中设置为'auto'。删除这些属性可以解决它。有人可以解释为什么会发生？ – soundswaste 2013-05-05 18:49:56

如果您使用旧式HTML属性来指定width等，语法确实是而不是包括px。它需要：

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

然而，它被认为是不好的做法，使用这些属性，这些天 - 他们是赞成的CSS样式过时。

CSS可以在元素中指定，因此，如果您需要在那里指定它，你会写如下：

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

注意，因为这是CSS样式，在px这里需要。

更好的办法是在单独的CSS文件中指定宽度（与其他页面布局样式一起）。

来源

2013-05-05 20:38:31 Spudley

按比例缩小的图像在IE

回答

相关问题