Question

一位客户让我调查他在WP网站上遇到的问题。将外部图像添加到帖子中时，原始大小为800x640。您可以通过Wordpress wysiwyg编辑器调整图像大小，比如400x320。当在前端或编辑器的文本选项卡中使用firebug检查元素时，html部分将看起来像这样：

<img class="" src="http://xxx.nl/images/externalimage.jpg" alt="" width="400" height="320" />

但在前端，图像以原始的800x640尺寸显示。当用萤火虫检查元素时，它显示：

img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    width: auto;
}

如果我在firebug中禁用'width'行图像大小调整为400x320。

如何解决此问题，以便客户端可以在编辑器中对图像进行处理。

我可以通过在包含的span / p标记中添加宽度来自行解决，但是客户端不知道css或html，我无法手动编辑每个包含标记的所有宽度他发布新内容的时间。

图像将始终位于“post”包装容器内，该容器具有自己的类。但除了auto之外，我只将它设置为'inherit'，但这会产生与auto相同的结果。（我想它会从img {}继承 - ＆gt; auto

我不知道我在这里做错了什么，似乎是一个非常简单的问题。