仅对 img 元素启用 Pinch 缩放答案

【问题标题】：Enable PInch zoom on just img elements仅对 img 元素启用 Pinch 缩放
【发布时间】：2019-04-05 01:27:26
【问题描述】：

我无法在 ipad 上缩放图像（尤其是在 chrome 中）。我在网上找到了很多解决方案，但没有什么对我有用。我已将视口的元标记更改为“用户可缩放”，但它不适用于 chrome just safari。我知道这是可以做到的，因为我在 MM Lafleur 的网站上看到过它（下面的链接）。

我最好是这样，所以图像只是放大而不是整个网站，但我现在会接受任何解决方案。有什么建议吗？？

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

【问题讨论】：

标签： javascript html css responsive-design pinchzoom

【解决方案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;
}

【讨论】：