Question

我正在使用Wordpress主题（现代代理机构，Total的子主题）。组合项目的图像会放大，将鼠标悬停在它们上时会出现一个图标。这也适用于移动设备，但这使滚动变得困难：我发现自己要在屏幕上上下滑动手指多次才能滚动，因为我的移动浏览器（iOS iPhone SE）似乎坚持使用该投资组合项，因为而不是滚动。

您可以找到网站here:

我尝试自定义样式表，但是我找不到禁用图像缩放的方法。

这是我到目前为止尝试过的：

.overlay-plus-hover, .overlay-plus-hover:hover, portfolio-entry-media-link, portfolio-entry-media-link:hover, portfolio-entry-img {
transition: none!important;
zoom: 0!important;
}

.wpex-image-hover,.wpex-image-hover:hover, .grow img:hover {
    transition: none!important;
    zoom: 0!important;
}

我想在移动设备上禁用过渡功能，以实现平滑和正常的滚动。

Answer 1

设置用于移动屏幕尺寸的媒体查询，并将transform类的none属性设置为.wpex-image-hover.grow:hover img。

例如：

@media screen and (max-width:480px) {
    .wpex-image-hover.grow:hover img {
        -ms-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
        transform: none;
     }
 }

由于悬停时的过渡/缩放，在移动设备上难以滚动

1 个答案: