Question

有了这个，

如何在不变形的情况下显示图像。我试过

max-width:100%;
height:auto;

然后在调整窗口大小时网格显示空白。

我无法找到正确显示网格且网格上没有空格的解决方案。如果可能的话，我会很感激只有css的解决方案。

提前致谢，

Answer 1

你最好的选择可能是玩背景位置，背景大小和物体贴合物体位置css。 Internet Explorer不支持对象适合/对象位置，但如果设置此项，则不会进行拉伸，但要使图像定位您希望用户对象位置单独定位它们的位置： / p>

.secreto2 img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50%;
}

同时从.secreto2：之后删除绝对定位，否则在悬停时拧紧。