html - 图像高度和宽度不起作用？

Question

在这篇文章中，我设置了图像的高度和宽度，并且在 HTML 中可以清楚地看到..

[删除网址]

但是浏览器或 Wordpress 导致图像保持相同大小。

我想让它变小吗？

Answer 1

你必须写

<img src="theSource" style="width:30px;height:auto;" />

内联样式总是优先于 CSS 样式。您的样式表会覆盖宽度和高度属性，因此您需要切换到这种格式。

Answer 2

您的 CSS 上有一个类覆盖了您的宽度和高度，该类的内容如下：

.postItem img {
    height: auto;
    width: 450px;
}

删除它，img标签上的宽度/高度属性应该可以工作。

Answer 3

http://www.markrafferty.com/wp-content/w3tc/min/7415c412.e68ae1.css

第 11 行：

.postItem img {
    height: auto;
    width: 450px;
}

你可以编辑你的 CSS，或者你可以听 Mageek 并使用INLINE STYLING来覆盖正在发生的 CSS 样式：

<img src="theSource" style="width:30px;" />

避免同时设置宽度和高度，因为图像本身可能不会按比例缩放。但是您可以根据 Mageek 的示例将尺寸设置为您想要的任何尺寸。