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;
}