Question

我在使图像在ipad上缩放（尤其是在chrome中）时遇到问题。我在网上找到了很多解决方案，但没有任何解决方法。我已将视口的meta标签更改为“用户可缩放”，但仅适用于Safari浏览器，不适用于chrome。我知道这是可以做到的，因为我已经在MM Lafleur的网站（下面的链接）上看到了它的完成。

最好，我希望它可以将图像放大到适当的位置，而不是整个网站，但是我现在接受任何解决方案。有什么建议吗？

https://mmlafleur.com/shop/rebecca-black

Answer 1

添加此CSS，您就完成了...

.product-detail-main-container:hover {
    background-size: auto 170% !important;
}

.product-detail-main-container {
    transition: 0.2s all;
    background-size: auto 100% !important;
    background-repeat: no-repeat;
    pointer-events: none;
}

.product-detail-main-container .product-detail-zoom-area {
    pointer-events: auto;
}

在img元素上启用PInch缩放

1 个答案: