Responsive images same height

  • Resolved Film Complet En Francais

    (@film-complet-en-francais)


    11 years, 7 months ago

    I’m trying to implement responsive images into my website. I want all images to be the same size and I’m using this code:

    img {
    max-width:100%;
    height:auto;
}

    The problem is images do not scale proportionally when screen resolution (width) is less than 767px – all images are the same width, but height differs see here. Is it possible to fix this using CSS?

Viewing 1 replies (of 1 total)
  • Extech

    (@extech)

    11 years, 7 months ago

    Hi

    You can use the min-height for screen resolutino less than 767px.

    img {
    max-width:100%;
    height:auto;
    min-height: 215px;
    }

Viewing 1 replies (of 1 total)

The topic ‘Responsive images same height’ is closed to new replies.