Исправлено изменение размера / масштабирования элемента CSS в браузере.

Question

, возможно, есть очень простой ответ на этот очень простой вопрос, но я просто не могу его найти, и это сводит меня с ума.у меня есть элемент div в правом нижнем углу окна с ок.260 х 300 пикселеймой код CSS это:

#doomdiamond{
 position:absolute;
 right:50px;
 bottom:50px;
}

и HTML это

<div id="doomdiamond">
  <img src="doomdiamond.gif" />
</div>

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

это возможно, верно?

Answer 1

Я создал пример для вас , показывающий изображение, которое находится в правом нижнем углу, с размером, основанным на ширине окна.

Работает, устанавливаяширина изображения до значения в процентах.Проценты основаны на содержании родителя;поскольку я не сделал абсолютное размещение #doomdiamond div, он не является позиционированным родителем объекта.

Установка только width или height элемента *Элемент 1012 * вызывает пропорциональное масштабирование изображения.

PS При этом не используется JavaScript: p

Answer 2

Да, возможно, вам понадобится JavaScript для этого.Используете ли вы какие-либо рамки JS?

ОБНОВЛЕНИЕ

Похоже изменить размер div и его содержимое в окне браузера изменить размер это то, что вы ищете