Включить масштабирование PInch только для элементов img - PullRequest
Новая
       5

Включить масштабирование PInch только для элементов img

0 голосов
/ 31 октября 2018

У меня проблема с получением изображений для увеличения на Ipad (особенно в Chrome). Я нашел тонны решений в Интернете, но у меня ничего не работает. Я изменил метатеги для области просмотра, чтобы она была «масштабируемой пользователем», но это не работает для Chrome, только для сафари. Я знаю, что это можно сделать, потому что я видел это на сайте MM Lafleur (ссылка ниже).

Желательно, чтобы изображения просто увеличивались, а не весь сайт, но на этом этапе я приму любое решение. Любые предложения ??

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

1 Ответ

0 голосов
/ 02 ноября 2018

Добавьте этот 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;
}
...