html - 我正在尝试定位图像，使其在不同的屏幕尺寸上具有相同的位置

Question

我想从这里开始，我在这里查看了各种解决方案，但没有一个对我有用。
我的问题是我试图定位这个小图像，但它会随着不同的屏幕尺寸改变它的位置。
我试着把它放在一个相对位置的 div 中，并给图像一个绝对的位置，但它仍然不起作用。
部分代码:

<div id="container" class="container">
  <div class="logome">
  <img src="nanana.png" alt="logo" /></div>
</div>

#container {
  position: relative;
  margin: 0;
  padding: 0;
}

.logome {
  top: 20%;
  right: 28%;
  position: absolute;
}

Answer 1

我认为你应该使用:

@media only screen and (max-width:483px) and (min-width:310px)
{
  .What you need to resize{
 }
 .Wht you need to resize{
 }
}