Как изменить размер SVG

22.08.2021

Вроде бы простая задача - изменить размер SVG изображения, пропорционально его ужав, но тут бывают подводные камни.

Столкнулся с очень навороченным логотипом в формате svg, который никак не хотел адаптироваться. Изменение же width и hight, через сss, обрезало у него края.

Мне помог такой вариант:

 
svg.logo g {
    transform: scale(0.50);
}

- обратите внимание, что притеняться transform нужно не к svg, а именно к элементу "обертки".


Категории: Web, HTML, CSS
Пометки: Как сделать SVG адаптивным
Яндекс.Метрика