如何在自定义 Wordpress 主题中调整特定图像的大小？

Question

请注意，我是 wordpress 的新手，如果我问的问题格式不正确或遗漏了细节，我会提前道歉。作为回答者，我会跟进您需要的任何事情。

问题：我的图像溢出 div、容器等？（我也是 Wordpress CSS 的新手）。这是图片：

我希望它适合图像。另请注意，当鼠标悬停在图像上时，该图像会显示另一个图像。奇怪的是，该图像在调整大小方面没有问题。我尝试了多种解决方案，包括。

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

我试过在媒体页面中编辑图像尺寸。部分问题在于它是自定义主题。当涉及到自定义 CSS 时，自定义主题更难使用（或者我了解到）。非常感谢有关此事的任何建议。如果您有更多详细信息，请告诉我。

Answer 1

你少了一个分号。请添加更多代码，以便人们可以看到您是如何设置图像格式的。

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

最好制作一个 div 然后将图像作为容器放入其中。

img {
        max-width: 100%;
}
    
.imagecontainer {
      width 50%;
      margin-left: auto;
      margin-right: auto;
}

.imagewrapper {
      width 100%;
}

<div class="imagewrapper">
<div class="imagecontainer">
<img src="https://i.stack.imgur.com/olSLV.png">
</div>
</div>

Answer 2

.classname img {width:100%; height:auto;}

/*replace classname with your div class*/

Answer 3

原来自定义 CSS 是不必要的。图像本身实际上格式不正确。我没有选中该选项，因为我心想，"It couldn't possibly be that." 将此作为尝试过所有方法的人的可能答案。

如何在自定义 Wordpress 主题中调整特定图像的大小？

How do I resize one specific image in custom Wordpress theme?

css

wordpress

wordpress-theming

custom-wordpress-pages