修复相对于缩放背景上的点的图像

Question

我正在尝试将图像修复为项目的背景图像中的某个点。 我创建了一个jsbin，因为我无法找到解释我想要完成的任务的单词。 http://jsbin.com/esUNEKIM/2/

在这个例子中，小地图指针完全放置在背景图像（在我的分辨率和全屏幕）的手指尖端，但在图像缩小时移动。

任何线索？ PS：我需要两个图像分开。我对黑客开放，因为这将是一个临时着陆页，我们并不真正关心旧的IE兼容性。

谢谢！

Answer 1

编辑：我现在看到它时垂直缩小我的浏览器 - 您需要添加垂直媒体查询（例如：http://cognition.happycog.com/article/go-vertical/）或使用JavaScript。

实际上，当它按比例缩小但实际按比例放大时，我并没有看到它的移动。对我来说，230px似乎一直工作到一个给定的点（大约1600px）。使用媒体查询更改正确的位置。在我看来，16％似乎在这一点之后起作用。

@media screen and (min-width: 1600px){ 
    #capsule { 
    right: 16%; 
    } 
} 

如果您仍然看到它按比例缩小，则可以添加多个媒体查询来调整位置。