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

Posted 2023-03-05

【中文标题】图像高度和宽度不起作用？

【英文标题】：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】：

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 的示例将尺寸设置为您想要的任何尺寸。