Image stretched in Safari

0

I have an image problem in Safari browser, as they are only stretched in this browser. The problem occurs on the desktop as well as on the mobile, Mac, MacBook, iPhone and iPad.

This is css:

.ft-gallery-v3 {
  background: url('../images/ft-class-isotop-bg.png') #efeff3;
  padding-bottom: 89px;
  overflow: hidden;
}

.ft-gallery-v3 #grid {
  width: 100%;
}

.ft-gallery-v3 .row1 {
  margin-right: -5px;
  margin-left: -5px;
}

.ft-gallery-v3 .ft-item {
  width: 20%;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}

.ft-gallery-v2 .ft-class-item {
  background: none;
  min-height: 244px;
}

.ft-gallery-v2 .ft-class-item .image-wrap {
  background: none;
}

.ft-gallery-v2 .ft-class-item .image {
  background: none;
}

.ft-gallery-v3 .ft-class-item {
  background: none;
  /*min-height: 230px;*/
  min-height: inherit;
}

I changed min-height believing it would work, but it did not work.

It's getting this way:

Thisisthe page link .

And here is where I tested to get the Safari Browser image.

    
asked by anonymous 26.08.2016 / 21:27

1 answer

0

Try using the bootstrap class.

<img src="#" alt="#" class="img-responsive">
    
26.09.2016 / 05:45