css:resize_an_image_dynamically
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revision | |||
| css:resize_an_image_dynamically [2020/07/15 09:30] – external edit 127.0.0.1 | css:resize_an_image_dynamically [2021/08/08 12:35] (current) – removed peter | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== css - Resize an image dynamically ====== | ||
| - | <code css> | ||
| - | img { | ||
| - | max-width: 100%; | ||
| - | height: auto; | ||
| - | width: auto\9; /* ie8 */ | ||
| - | } | ||
| - | </ | ||
| - | |||
| - | <WRAP info> | ||
| - | **NOTE**: | ||
| - | </ | ||
| - | |||
| - | and if you want to enforce a fixed max width of the image, just place it inside a container, for example: | ||
| - | |||
| - | <code html> | ||
| - | <div style=" | ||
| - | <img src=" | ||
| - | </ | ||
| - | </ | ||
css/resize_an_image_dynamically.1594805433.txt.gz · Last modified: 2020/07/15 09:30 by 127.0.0.1