按比例缩小的图像在IE
问题描述:
没有工作,我有这样的代码在我的html:按比例缩小的图像在IE
<img src="images/amazon.png" width="40px" />
图像原本是110 80,但我比例缩小至40像素宽。这在Chrome和Firefox正常工作,由15
但在IE9比例缩小以10分之40它仍然显示了由80
原来的大小,即110为什么会发生这种情况,我该如何解决这个问题?
答
如果您使用旧式HTML属性来指定width
等,语法确实是而不是包括px
。它需要:
<img src="images/amazon.png" width="40" />
然而,它被认为是不好的做法,使用这些属性,这些天 - 他们是赞成的CSS样式过时。
CSS可以在元素中指定,因此,如果您需要在那里指定它,你会写如下:
<img src="images/amazon.png" style="width:40px;" />
注意,因为这是CSS样式,在px
这里需要。
更好的办法是在单独的CSS文件中指定宽度(与其他页面布局样式一起)。
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