Responsive svg?

Question

[Aleksandr]

Есть такая конструкция
jsfiddle.net/1cokLxfs

Как видите не влезает в окошко, можно как-то реализовать responsive?
на примере работы background-size: cover

Answer 1

[MhMadHamster]

jsfiddle.net/1cokLxfs/2

Comments

[Aleksandr]

Все равно не то. Картинка вылезает за экран. Не помещается вся.

[MhMadHamster]

Sashjkeee: если вы говорите про пример, который я скинул, то там картинка целиком влезает в экран и скролл не появляется, если вы говорите про какой-то свой частный случай, в котором у вас не помещается на экран свг и используете способ с заданием паддинга, то этот самый паддинг надо вычислять по формуле (svg-heigh/svg-width)*conainer-width +- несколько единиц в которых вы будете задавать паддинг, если и так не получается то предоставьте пример

[Aleksandr]

MhMadHamster: Я говорю именно про ваш пример.
Сравните картинку и представленный вами пример.

[MhMadHamster]

Sashjkeee: ну на сколько я понял как-то так jsfiddle.net/1cokLxfs/3 тогда ниже вам уже правильно подсказали

[Aleksandr]

MhMadHamster: Тоже не совсем верно) нужно, чтобы он еще и по высоте нормально ресайзился)

[MhMadHamster]

Sashjkeee: что значит нормально?) у backgroud cover такое поведение: jsfiddle.net/1cokLxfs/5

[Aleksandr]

MhMadHamster: ВОТ! только контейнеру 100% height ) спасибо большое)