Можно ли масштабировать HTML DIV со всем его содержимым?

Question

Можно ли масштабировать HTML DIV со всем его содержимым?

0

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

iamjustaprogrammer 22 март 2014, в 23:14

Источник

0

Существует шкала преобразования CSS, которая, вероятно, сделала бы это, не пробовала, поскольку это звучит как ужасная идея.
adeneo 22 март 2014, в 22:16
0

IE / Chrome: увеличение
Moshe L 22 март 2014, в 22:16

Теги:

javascript

html

html5

html5-canvas

2 ответа

Ещё вопросы

Существует шкала преобразования CSS, которая, вероятно, сделала бы это, не пробовала, поскольку это звучит как ужасная идея.

csuwldcat · Answer 1 · 2014-03-23T01-42-00.000Z

Вы можете масштабировать весь элемент и все содержимое пропорционально с помощью свойства transform CSS (https://developer.mozilla.org/en-US/docs/Web/CSS/transform), следующее сделает ваш элемент на 200% больше обычного:

#my_element {
  transform: scale(2);
}

Вам понадобится соответствующий префикс браузера, если вы хотите иметь обратную совместимость (-webkit-, -ms- и т.д.).

saj · Answer 2 · 2014-03-23T00-46-00.000Z

Изображения хорошо масштабируются, если для этого требуется большой поворот, вам нужно использовать проценты tho, 4 шрифта, которые вам нужно использовать для запросов css media, чтобы масштабировать их как шкалы div.