我正试图使用图像创建一个自定义的世界地图，在这个地图上，你可以点击 "大陆 "上的按钮。这是一个ionic应用程序，预计将在移动和桌面上推出。我能找到的唯一真正解决这个问题的方法是使用CSS与 position: absolute; 然后设置像素（如 top: 50px; left: 30px;). 我担心在不同的网页浏览器上查看和通过移动设备使用时，按钮不会保持在正确的位置。有什么方法可以让我确保按钮无论如何都保持在所需的位置，还是说只有通过CSS定位和px操作才能做到这一点？https:/imgur.comayzPRVh1 )我正试图实现这个功能。我想在每个大陆的顶部和中心有一个可点击的元素。谢谢你！我正在尝试使用一个图像来创建一个自定义的世界地图，在这个地图上，你可以点击一个按钮，这个按钮位于地图的中心。
你可以在图片上放置一个div，并在像素上使用百分比，但它仍然需要用@media-queries来调整。