Jquery 动态响应Svg地图

Jquery 动态响应Svg地图,jquery,html,css,svg,responsive,Jquery,Html,Css,Svg,Responsive,首先:圣诞快乐 我正在尝试做一个可点击的地图,这是响应。我无法保持svg图像的位置稳定,请参见此处: 我不知道怎么解决这个问题。正如您所看到的,重叠图像在缩放窗口时会四处跳跃,并失去应有的位置 有什么想法吗? 最好的, 安卡如果我正确理解你的问题。我已将相对位置更改为gelaendediv .gelaende { position: relative; width: 100%; float: left; } 圣诞快乐:) 最好的方法是将[pos

首先:圣诞快乐

我正在尝试做一个可点击的地图,这是响应。我无法保持svg图像的位置稳定,请参见此处:

我不知道怎么解决这个问题。正如您所看到的,重叠图像在缩放窗口时会四处跳跃,并失去应有的位置

有什么想法吗? 最好的,
安卡

如果我正确理解你的问题。我已将相对位置更改为
gelaende
div

.gelaende {
        position: relative;
        width: 100%;
        float: left;
 }
圣诞快乐:) 最好的方法是将[position:“relative”]赋给父div,在您的父div中是这个(.section):


正如您所注意到的,每个图像的顶部和左侧位置都需要更改。

添加html和css代码
<div class="section">
<div id="responsiveTabs" class="r-tabs">
<ul id="tabs" class="r-tabs-nav"> 
#heim {
 width: 14vw;
 position: absolute;
 height: auto;
 top: 12vw;
 left: 0;
}