Как растянуть img на всю ширину экрана одновременно с SVG?

Question

[StrangeGoogle]

Как растянуть img на всю ширину, и при этом сделать ее адаптивным? Хочу поверх img вставить SVG, но нужно сделать так, чтобы они оба тутилька-в-тутельку попадали друг на друга. Как это сделать с помощью CSS(+JS, берем разрешение экрана и все такое) ПРАВИЛЬНО ?

Answer 1

[Stalker_RED]

svg {
  width: 100%;
  background-image: ...
}

Comments

[StrangeGoogle]

Мне Sorax посоветовал использовать img тег. Говорил что в разных браузерах может отображаться по-другому. Что вы думаете по этому поводу?

[Stalker_RED]

StrangeGoogle: Что именно будет отображаться по-другому? Если SVG, то... вы ведь все равно собираетесь его использовать, и вам все равно придется как-то стыковать его с картинкой.
Ну и конечно можно изображение поставить не через css, а средствами самого svg.

[StrangeGoogle]

Stalker_RED: Вот знаете, я хочу поверх изображения нарисовать фигуры(для детей, в прочем это не важно=) ) Как вы считаете какой самый оптимальный вариант?

[StrangeGoogle]

Stalker_RED: Хотелось бы чтобы платформа было прочной, я это про адаптивность.

[Stalker_RED]

StrangeGoogle: А разве у width:100% какие-то проблемы с "прочностью"?

[StrangeGoogle]

Stalker_RED: Нет)