缩放和定位问题

Question

我在制作的 web OC 网站上遇到定位问题。图片（带边框的空白图片）放大缩小时位置不会停留

这是 100% 缩放时的样子：https://cdn.discordapp.com/attachments/777816226264383500/824975774159339550/unknown.png

此处为 50% 缩放：https://cdn.discordapp.com/attachments/777816226264383500/824976068313088030/unknown.png

这里还有该图像 CSS 的代码：

.me {
    border-style: solid;
    border-color: maroon;
    border-radius: 20px;
    box-shadow: 5px 5px 5px black;
    position: absolute;
    left: 30%;
    top: 50%;
    height: 400px;
}

Answer 1

如果您不这样做，则必须相对于父项定位 .me，您的定位直接指向 body。您的 HTML 结构应该如下所示，其中 .parent 是您的图像包装，.me 是您的图片：

.parent{
position: relative;
}
.child{
position: absolute;
}

<div class="parent">
  <div class="child"></div>
</div>

如果有什么不清楚的地方请告诉我:)

缩放和定位问题

Zooming and postioning problems

css

position

zooming