CSS img[属性样式]答案

【问题标题】：CSS img[Attributes Style]CSS img[属性样式]
【发布时间】：2017-08-13 08:56:49
【问题描述】：

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

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

在 Inspect Element 中，此代码块显示为灰色，我无法对其进行编辑。这是什么？什么是[属性样式]。在 Wordpress 的 CSS 编辑器中，我添加了 img max-width: 800px 的代码，但这没有任何效果。我也尝试过 img width: 800px，但这会强制所有图像为 800px。

请帮忙！谢谢！ :)

【问题讨论】：

为什么不定位那些图像：.containerClass img {width:100%} 其中 containerClass 是包装每个帖子的 div / article 元素的类

标签： css wordpress

【解决方案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;
}

【讨论】：

所以，问题是当我使用 width: 100% 时，它会强制并缩放所有图像为 800 像素，而不仅仅是那些实际高于当前 640 像素限制的图像。这是我的网站顺便说一句：vintagevalueinvesting.com/…。我试图让站在办公桌前的那个人的第一张图片为 800 像素（确实如此，它只是不那样显示），同时保持所有其他图片的当前尺寸（都小于 800 像素）。
尝试将宽度改为自动，看看效果如何。
不幸的是，这不起作用。我认为我的主题文件中有一些东西阻止了图像的大小大于 640 像素，我不能通过 CSS 否决它。我不知道它会是哪个 php 文件。 ://
我已经更新了上面的代码示例。试试看，但看看开发人员工具，看看是否有其他东西对图像大小有任何影响。你用的是什么主题？
仍然不起作用...问题出在图像的 HTML 中：i0.wp.com 等。等等 sizes="(max-width: 640px) 100vw, 640px" width="640" height="427">'.... 我不知道如何更改“尺寸” ="max-width: 640px" 我不认为 CSS 能够覆盖它。我使用的主题是 Point for Wordpress，但我修改了 CSS 以使页边距更宽，这就是导致此问题的原因。

【解决方案2】：

我去了 Wordpress>>Customize>>Additional CSS，然后有一个框说媒体宽度。我将其设置为 825 并修复了它！不确定在我的 CSS 代码中的哪个位置应用了它，但现在它可以工作了。无论如何，感谢丹尼尔和皮特的帮助！ :)

【讨论】：

【解决方案3】：

这里是自定义logo宽高变化的解决方案

主题 -> Function.php

然后找到

//Logo support
add_theme_support( 'custom-logo', array(
    'height'      => 78,
    'width'       => 445,
    'flex-height' => true,
) );

在这里你可以改变宽度和高度。

【讨论】：

【解决方案4】：

在functions.php文件中添加this code并更改宽度数

if(!isset($content_width)) {
  $content_width = 825;
}

【讨论】：