图像高度和宽度不起作用？答案

【问题标题】：Image height and width not working?图像高度和宽度不起作用？
【发布时间】：2012-05-03 10:43:10
【问题描述】：

在这篇文章中，我设置了图像的高度和宽度，并且在 HTML 中清晰可见..

[网址已删除]

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

我希望它更小？

【问题讨论】：

【解决方案1】：

你必须写

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

第 11 行：

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

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

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

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

【讨论】：