Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在固定的盒子中缩小和安装任何徽标_Html_Css - Fatal编程技术网

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.缩略图{背景大小:包含;背景重复:不重复;背景位置:居中;}