У меня есть карта SVG, и она находится внутри .container
Проблема в том, что я не могу установить ширину SVG всегда равной 100% ширины элемента .container .
Так что, если я установлю:
.container {
width: 500px;
}
Карта SVG обрезана и часть ее не видна.
Желаемый результат:
Я хочу, чтобы он вел себя как в этом примере:
https://www.amcharts.com/svg-maps/?map=austria
1. Когда я увеличиваю или растягиваю карту, все нормально, если она обрезается.
2. Когда я изменяю область просмотра (например, изменяя размеры окна браузера), она должна реагировать на ширину родительского элемента.
Вот фрагмент с моим кодом: https://jsfiddle.net/marektchas/epxtuwvo/
Еще одно замечание - если я использую viewbox (в любой конфигурации), вся конструкция нарушается.