图像定位响应设计

时间:2017-02-06 18:13:16

标签: html css sass

我正在尝试使用transform:

将图像放在另一个图像的顶部
position: absolute;
translate(65vw, -40vh);

当我调整视口大小时,图像不会保持不变。

如何在较大的画布上放置一个小图像,并确保在我调整视口大小时它保持不变?

谢谢!

1 个答案:

答案 0 :(得分:0)

要使元素使用left和top,要将元素的中心定位在所需的点,请使用translate。尝试这样的事情:

position: absolute;
left:65vw
top:40vh;
transform: translate(-50%, -50%);