Resize image proportionally with CSS? [duplicate]

by

To resize the image proportionally using CSS:

img.resize {
    width:540px; /* you can use % */
    height: auto;
}

More Related Contents:

  1. Text in my heading should be top not bottom [closed]
  2. CSS indentation not working [closed]
  3. How do I disable the resizable property of a textarea?
  4. How do you keep parents of floated elements from collapsing? [duplicate]
  5. Center image using text-align center?
  6. Cut Corners using CSS
  7. Why do browsers match CSS selectors from right to left?
  8. How to remove margin space around body or clear default css styles
  9. What to use in place of ::ng-deep
  10. CSS Grid Layout not working in IE11 even with prefixes
  11. How to deal with page breaks when printing a large HTML table
  12. Change div order with CSS depending on device-width
  13. Why does the outer here not completely surround the inner ?
  14. HTML/CSS: Making two floating divs the same height
  15. What does appending “?v=1” to CSS and JavaScript URLs in link and script tags do?
  16. How to set the margin or padding as percentage of height of parent container?
  17. CSS content property: is it possible to insert HTML instead of Text?
  18. background: fixed no repeat not working on mobile
  19. How to make a display in a horizontal row
  20. Creating a Zoom Effect on an image on hover using CSS?
  21. avoid page break inside row of table
  22. CSS only solution to set MULTIPLE “same height” row sections on a responsive grid
  23. Rounded corners in outlook without images
  24. Same height column bootstrap 3 row responsive
  25. Skewed Borders on a Div
  26. How to change the style of a ‘s label?
  27. CSS custom cursor doesn’t work in FF/Chrome
  28. Flexbox with fixed header and footer and scrollable content
  29. Prevent a centered layout from shifting its position when scrollbar appears
  30. Is it possible to hide the title from a link with CSS?

Leave a Comment