锐客网

  1. 首页 > 睿知 > it技术 > >

如何在自定义WordPress主题中调整一个特定图像的大小（）

WordPressIT知识问答网站开发图像css调整图像大小自定义主题主题

请注意, 我是wordpress的新手, 如果我问的是格式错误的问题或遗漏了详细信息, 请事先道歉。我将跟进你需要作为答题人的任何事情。
问题：我的图像溢出了div, 容器等？ (我也是CSS的新手)。这是图片：

如何在自定义WordPress主题中调整一个特定图像的大小（）

文章图片
我希望它适合图像。另请注意, 当鼠标悬停在该图像上时, 该图像会显示另一个图像。奇怪的是, 该图像没有调整大小的问题。我尝试了多种解决方案, 包括。
img { max-width: 100%; max-height: 100%; object-fit: contain }

而且我尝试在媒体页面中编辑图像尺寸。问题的一部分是它是一个自定义主题。而且, 自定义主题在自定义CSS上很难处理(或者, 据我所知)。非常感谢对此事的任何建议。如果你有更多详细信息, 请告诉我。
#1 【如何在自定义WordPress主题中调整一个特定图像的大小（）】你缺少分号。请添加更多代码, 以便其他人看到你格式化图像的方式。
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>

#2
.classname img {width:100%; height:auto; }/*replace classname with your div class*/

#3 原来不需要自定义CSS。图像本身的格式实际上不正确。我没有检查该选项, 因为我对自己说：” 不可能是那样。” 对于尝试过一切的人来说, 这可能是一个答案。

    推荐阅读


    上一篇：我如何重命名我的WordPress活动主题文件夹

    下一篇：如何动态设置模板的WordPress页面标题，其中从cURL接收页面数据（）