Создание адаптивного SVG внутри вложенного divCSS

Разбираемся в CSS
Ответить
Anonymous
 Создание адаптивного SVG внутри вложенного div

Сообщение Anonymous »

У меня есть эта демонстрация:
https://codepen.io/larryfine/pen/wbelopq

Код: Выделить всё

#parent{
position: relative;
}

#child {
position: absolute;
width: 320px;
height: 130px;
}










И я пытаюсь сделать так, чтобы окно браузера уменьшало масштаб изображений SVG соответственно. А еще мне нужны элементы div, которые обертывают SVG. Мне нужны элементы div, потому что я предпочитаю использовать jQuery для перетаскивания прямоугольника и изменения его размера. Думайте о большом круге как о карте помещения.
Вместо этого у меня появляются горизонтальные полосы прокрутки для веб-браузера.
Кто-нибудь есть решение этой проблемы?
Спасибо,
Джим

Подробнее здесь: https://stackoverflow.com/questions/793 ... responsive
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»