javascript - 仅对 img 元素启用 PInch 缩放

Question

我在 ipad 上缩放图像时遇到问题(尤其是在 chrome 中)。我在网上找到了大量的解决方案，但没有一个对我有用。我已将视口(viewport)的元标记更改为“用户可缩放”，但它不适用于 chrome 仅适用于 safari。我知道它可以完成，因为我已经在 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;
}