CSS响应图像位置

Question

我正在制作一部动画,我将其定位balloon在一个world map.问题是world map响应(引导类img-responsive),所以:

我如何定位balloon超过São Paulo点并且它尊重所有world map尺寸？

Answer 1

您可以使用百分比来定位气球:看到这个小提琴.

我还添加width: 15%;到气球图像上,以便它随地图调整大小,如果您不想要此功能,可以删除它.

这是来自@JosephMarikle,如果将来小提琴消失:`#map {}.centter-text {text-align:center; } .wrapper {position:relative; display:inline-block; margin-left:auto; margin-right:auto; } #balloon {position:absolute; z-index:2000; 最高:50%; 左:52.4%; 宽度:15%; }` (2认同)