是否有其他方法可以将页面中的图像放置在不同分辨率的特定位置

@media screen and (max-width: 767px) {
  /* 适用于较小的屏幕 */
}

@media screen and (min-width: 768px) {
  /* 适用于较大的屏幕 */
}

@media screen and (max-width: 767px) {
  .image-container {
    background-image: url('small-image.jpg');
    background-position: top left;
    /* 其他样式属性 */
  }
}

@media screen and (min-width: 768px) {
  .image-container {
    background-image: url('large-image.jpg');
    background-position: center;
    /* 其他样式属性 */
  }
}

<div class="image-container"></div>