html - 图像缩小在 IE 中不起作用

Question

我的 html 中有这段代码：

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

该图像最初是 110 x 80，但我将其缩小到 40 像素宽。这在 chrome 和 firefox 中运行良好，将其缩小到 40 x 15。

但在 IE9/10 中，它仍然显示原始大小，即 110 x 80。

为什么会发生这种情况，我该如何解决？

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 文件中指定宽度（与您的页面布局样式的其余部分一起）。