And when overflow does not work?

Question

And when overflow does not work?

Navigation

#1 by (0 votes)

0

I'm working with some images with a zoom effect using transform: scale(x); . But when zooming, especially on the mobile, the image goes beyond the side container.

So it does not appear in itself but its size surpasses generating that lateral vacuum that makes it possible to pull the screen sideways and is left blank, and overflow: hidden; is not solving.

Does anyone know any other way to hide this?

.hoverzoom:hover > img {
    transform: scale(1.5);
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

css imagem

asked by anonymous 27.01.2017 / 12:04

1 answer

Insert Oracle column after an existing column cdi does not find daos (spring data + ejb + cdi)

score 0 · Answer 1

But do you need to put a hover on the mobile and tablet? There are several ways to resolve this, one of which is to disable this scale in smaller resolutions:

@media screen and (max-width:990px) {
  .hoverzoom:hover > img {
    transform: scale(1);
  }
}