因此,我制作了一个可以正常工作的网站(http://hltvnewsgenerator.com/previewavatar/),但是当我自己更改窗口的分辨率时,它会将图像移动到一些不希望的位置。

我想知道即使窗口调整大小后如何将图像绑定到特定位置。

我的代码:

HTML:

<img :src="image" id="steamprofile">


CSS:

#steamprofile {
width: 166px;
height: 166px;
position: absolute;
z-index: 1;
left: 487px;
top: 463px;
}

最佳答案

这是我的解决方案,将其粘贴到您的HTML中,您必须自己将css放在外部。

<div style="position: relative">
<img src="steamProfile.png" alt="img">
<img src="https://bananagaming.tv/images/bananagaming_logo.png" id="steamprofile" style=" left: 110px; top: 23px; "></div>

关于html - 即使窗口调整大小也可以将图像保持在特定位置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57546828/

10-11 05:55