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

Question

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

[url removed]

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

我希望它变小？

Answer 1

你必须写

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

内联样式始终优先于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的例子将尺寸设置为你想要的尺寸。