Как адаптировать интерактивную карту?

Question

[Lana]

Есть план , при уменьшении размеров экрана svg которые находятся за пределами экрана уходят и перестают быть кликабельными , можно ли как-то решить это?
Спасибо.l

Answer 1

[freelion93]

помести в контейнер скажем
<div class='container'> Твой SVG </div>

В стилях пропиши

.container{
    max-height: 80%;
    max-width: 80%;
  }

Контейнер будет уменьшатся и увеличиватся в зависимости от размера страницы/окна

Answer 2

[Adamos]

SVG как раз остается кликабельным. Просто он становится меньше вставленной в него картинки, а по ней щелкать, естественно, бесполезно.
Нужно закопать этого кадавра и сделать либо полноценный svg с реально отрисованными областями, либо ставить картинку без svg-обертки. Зачем она тут?