Html 如何在固定的盒子中缩小和安装任何徽标
我正在开发一个网站在。我已经完成了大部分的工作,但我得到的问题,使任何标志出现调整大小,以适应他们的网格。因此,它们都是高的,而有些是宽的。如果不是的话,大多数都只是拉伸。我对这个很陌生。所以如果你能帮忙,我会很高兴的 好的,因为您在Html 如何在固定的盒子中缩小和安装任何徽标,html,css,Html,Css,我正在开发一个网站在。我已经完成了大部分的工作,但我得到的问题,使任何标志出现调整大小,以适应他们的网格。因此,它们都是高的,而有些是宽的。如果不是的话,大多数都只是拉伸。我对这个很陌生。所以如果你能帮忙,我会很高兴的 好的,因为您在缩略图图像类中使用背景图像,所以需要指定背景大小和背景重复规则 将此添加到css中: .thumbnail-image { background-size: 100%; background-repeat: no-repeat; } 希望这能有所帮
缩略图图像
类中使用背景图像,所以需要指定背景大小
和背景重复
规则
将此添加到css中:
.thumbnail-image {
background-size: 100%;
background-repeat: no-repeat;
}
希望这能有所帮助。不知道您已经尝试了什么,但这是一个好的开始:
img{max-width:100%;max-height:100%;width:auto;height:auto}
发布一个示例,告诉我们您的问题。不要只是发布一个随机链接,说这个不行,修修补补。因此,它既不是免费的编码服务,也不是教程网站,您可以尝试设置背景大小:contain;背景重复:无重复代码>在.thumbnail image
类中。@DhavalChheda是的,网站是用php和wordpress@N.Ivanov很抱歉,我不知道要向您提供哪些文件。可能是因为您需要在选择器中有更多的特殊性,例如:.grid plus container.post item.缩略图{背景大小:包含;背景重复:不重复;背景位置:居中;}