Установка пропорциональной ширины изображения для изменения размера браузера

Question

Если у меня есть изображение в сочетании со стилем:

<img class="test" src="testimage.jpg" />

img.test { width: 50%;}

Размер изображения увеличивается до 50% ширины рамки, в которой он находится, а также изменяется по вертикали, сохраняя соотношение сторон.

Кажется, для этого требуется, чтобы для окружающего DIV было задано определенное значение ширины и высоты. Но если вы хотите, чтобы размер встроенного DIV изменялся автоматически при перетаскивании браузера все больше или меньше, не станет ли это проблемой?

Answer 1

Я уточнил свой ответ на оригинальный вопрос . Пойди посмотри, и все ли прояснится. Более или менее, если вы хотите изменить размер изображения в окне, вы не можете установить DIV на фиксированную ширину и высоту. DIV также должен иметь ширину и высоту%.

Answer 2

Вам нужно будет вручную указать свойства width и height, чтобы изображение сохранило свои размеры. Это не будет слишком сложно, если вы используете кодирование на стороне сервера (PHP / ASP).

Еще один способ сделать это - использовать JavaScript для динамического вычисления и изменения размера изображения.

Answer 3

Все его пропорции: заключающий тег div может составлять 2/3 всего окна, и изображение будет иметь половину этого размера. Все это рассчитывается до его отображения, просто куча цифр хруста. ; D * * тысяча одна

Answer 4

Нет, изображение все равно будет составлять 50% от div, и если div - это доля страницы, это не имеет значения.