Question

我一直在这工作3个小时，我在谷歌浏览器中尝试的所有东西都没有修复它，也没有将图像大小调整到大的宽度/高度。

基本上，我想摆脱“特色产品”下3幅图像周围的空白。我希望所有的图像都跨越那些宽度（大的像是66.66，两个小的是33.33％）。没有任何调整图像大小或更改代码的工作量，所以我必须遗漏一些东西。

要进入的密码是“fusrodraw”

http://shop.thewiredlife.net/

非常感谢任何帮助！

Answer 1

.grid-product__image {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: 0;
    height: 100%;
    width: 100%;
    padding: 0px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

取最大宽度和最大高度等式

让这些图像跨越整个框的宽度

1 个答案: