Make an image responsive – the simplest way [duplicate]

by

You can try doing

<p>
  <a href="https://stackoverflow.com/questions/15458650/MY WEBSITE LINK" target="_blank">
    <img src="https://stackoverflow.com/questions/15458650/IMAGE LINK" style="width:100%;" border="0" alt="Null">
  </a>
</p>

This should scale your image if in a fluid layout.

For responsive (meaning your layout reacts to the size of the window) you can add a class to the image and use @media queries in CSS to change the width of the image.

Note that changing the height of the image will mess with the ratio.

More Related Contents:

  1. My Website is Mirror-flipped on iPhone Devices
  2. How do I auto-resize an image to fit a ‘div’ container?
  3. Fill SVG path element with a background-image
  4. Change color of PNG image via CSS?
  5. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  6. Is element block level or inline level?
  7. Should I specify height and width attributes for my IMGs in HTML?
  8. Embed image in a element
  9. How to hide image broken Icon using only CSS/HTML?
  10. Fullscreen responsive background image in CSS
  11. How can I fill a div with an image while keeping it proportional?
  12. Protect image download
  13. How to make in CSS an overlay over an image?
  14. CSS image resize percentage of itself?
  15. How to get a background image to print using css?
  16. Center image element in parent div
  17. CSS: How can I set image size relative to parent height?
  18. CSS Background image not loading
  19. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  20. How to change an image on click using CSS alone?
  21. How to make images stay within the rows of a css grid container?
  22. How to replace color of PNG image using CSS? [duplicate]
  23. Width 100% with white borders around it. WHy?
  24. How to center a (background) image within a div?
  25. Auto height on parent container with Absolute/Fixed Children
  26. Responsive image align center bootstrap 3
  27. How to place Text and an Image next to each other in HTML?
  28. Make Bootstrap’s Carousel both center AND responsive?
  29. Use the HTML tag as a background image instead of the CSS background-image property?
  30. Is it possible to set a src attribute of an img tag in CSS?

Leave a Comment