纯css缩放位置绝对li顶部和左侧先前在px中为响应站点设置

在纯css中，有没有一种方法可以将px中已经绝对定位的项覆盖到某个百分比，以便它能够响应

我有一个drupal模块（SimpleMap），它使用px在管理员的地图上设置PIN。在ul，li中，通过px给他们一个固定的顶部和左侧位置

问题是，当我使底图响应时，管脚不会与贴图成比例缩放，因为脚本将它们设置为px而不是百分比。是否有一些方法可以在不编辑模块脚本的情况下使绝对位置的顶部和左侧比例或转换为百分比

    <div id="simplepinmap-map">
<img id="simplepinmap-map-image" typeof="foaf:Image" src="availabiltymap.png" alt="Simple pin map" title="Simple pin map">
<ul id="simplepinmap-pins-container">
<li style="top:179.00px;left:649.00px" id="simplepinmap-pin-0" class="simplepinmap-pins">
<img typeof="foaf:Image" src="marker5.png" alt="Test Location" title="Test Location"></li>
</ul></div>

---

这里是我的测试链接：

试试这个，它可能会对你有所帮助。将此css与原始css混合使用

#simplepinmap-map #simplepinmap-pins-container li{
  position : absolute;
  top : 100% !important;
  left : 0 !important;
}

---

我应该补充一点，我曾试图联系模块创建者，但没有任何回应。我也看到了一些java的方法，但在我的知识之外，我希望有一个css技巧我没有。谢谢，但没有工作，只是把所有的引脚都放在同一个位置。不幸的是，每个引脚都有其独特的位置。那可能是在错误的分区上吗？如果有帮助，这里是一个问题或地图的演示，它下面的形式。[链接]试试这个，它会解决问题#SimpleMap映射#SimpleMap pins容器li{位置：相对！重要；顶部：100%！重要；左侧：0！重要；浮点：右侧！重要；填充：5px；}

#simplepinmap-map #simplepinmap-pins-container li{
  position : absolute;
  top : 100% !important;
  left : 0 !important;
}