莫希登·本·穆罕默德(Mohideen bin Mohammed)
我想创建像Mobile gallery这样的Image gallery。每个图片应放在主容器内的方形框中。
不应拉伸图像,而应最大程度地裁剪或裁剪。现在我使用此代码以宽高比拉伸图像,
img {
max-width : 150px;
max-height : 150px;
}
它给了我最小化每个图像的缩略图。但我想使所有带有内部裁剪或裁切图像的方形框内。
这是我想要的例子,
莫希登·本·穆罕默德(Mohideen bin Mohammed)
这是我如何实现的解决方案...它保持纵横比并使图像像我想要的那样居中...
.scale-image {
object-fit: cover;
width: 150px;
height: 150px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
编辑于
我来说两句