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

Answer 2

我去了Wordpress＆gt;＆gt;自定义＆gt;＆gt;其他CSS，然后有一个表示Media Width的框。我把它设置为825并修复它！不确定我的CSS代码在哪里应用，但现在它可以工作。感谢Daniel和Pete的帮助！ ：）

Answer 3

以下是自定义徽标宽度和高度更改的解决方案

主题 - ＆gt; Function.php

然后找

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

您可以在这里更改宽度和高度。

Answer 4

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

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