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

Question

请注意，我是wordpress的新手，如果我提出的问题很糟糕或者遗漏了细节，我会提前道歉。 我将跟进您作为回答者所需的任何事情。

问题：我的图像溢出了div，容器等？ （我也是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不是必需的。 图像本身实际上格式不正确。 我没有检查那个选项，因为我心里想，“这可能不是那个。” 将此作为尝试一切的人的可能答案。