CSS img[属性样式]

Question

我在使用 Wordpress 和 CSS 时遇到问题。我想让我的图像能够达到帖子的全宽 (800px)，但现在它们的上限为 620px。当我进入 Inspect Element 时，这是我得到的 CSS 代码：

img[Attributes Style] {
    width: 640px;
    height: 427px;
}

在 Inspect Element 中，这段代码显示为灰色，我无法编辑它。这是什么？什么是【属性样式】。在 WordPress 的 CSS 编辑器中，我添加了 img max-width: 800px 的代码，但这没有效果。我也尝试过 img width: 800px，但这会强制所有图像都为 800px。

请帮忙！谢谢！:)

Answer 1

这是因为它通过属性在图像上设置了宽度和高度。

<img src="/path/to/image.png" width="800" height="400" />

您可以向样式表添加一些 CSS（而不是任何 JavaScript 或 PHP 修复以从图像标记中删除属性），以使其占容器的全宽。

.image-container {
    width: auto;
    max-width: 100%
}

.image-container img {
    width: auto;
    max-width: 800px;
    display: block;
}