HTML Показать измененный размер изображения

Question

Я хочу показать изображение из URL, и я хочу, чтобы это изображение имело заданный размер, но я хочу сохранить соотношение между высотой и шириной.

Answer 1

CSS:

img {
 width: 30%;
 height: auto;
}

Как то так?

Answer 2

<img src="http://..." height="100" />

Никакой магии здесь, хотя изменение размера на стороне клиента обычно выглядит дерьмово.

Answer 3

Вы можете использовать CSS для стилизации изображения

Я полагаю, если вы используете, например, px, и укажите только одно измерение

img {width:100px}

соотношение обычно поддерживается

Вы можете использовать

img {width:100px;height:auto;}

, что может помочь

если вы используете

img {width:100px} 

соотношение поддерживается в IE 7 как минимум