Страницы

Поиск по вопросам

среда, 30 января 2019 г.

Как делать SVG резиновым?

Как делать SVG структуру резиновой ?К примеру на такое конструкции
* { margin: 0; } svg { display: table; margin: auto; }
Примерно что бы эта фигура тянулась..
Вырезать из фотошопа или сохранять как изображение не вариант


Ответ

Для этого достаточно обозначить координаты и размер холста за счет атрибута viewBox - и можно делать svg резиновым, за счет уже знакомого width: 100%
* { margin: 0; } .svg-responsive { width: 100%; }

Комментариев нет:

Отправить комментарий