html - 如何在图像上正确创建标签朋友 div 贴到图像上？

Question

这是我的网站示例。

http://jsfiddle.net/noppanit/dh92t/

我有这样的问题，我让我的网站尽可能地响应，所以我将图像的宽度和高度设置为百分比，这样当用户调整图像大小时也会调整大小。但是，当我有一个 div 来表明这个人是我自己时，我使用绝对位置。当我调整图像大小时，标签 div 也会调整大小，但它会移出我要标记的人，在这种情况下是最左边的人。

无论屏幕大小如何，如何使标签 div 调整大小并使其保持在正确的位置和正确的大小。非常感谢。

Answer 1

您可以为此使用百分比。像这样写：

.tag {
    position: absolute;
    width: 10%;
    height: 10%;
    border: 1px solid;
    top: 4%;
    left: 4%;
}

检查这个http://jsfiddle.net/dh92t/2/