Javascript 当最小化窗口时，如何控制图像的哪些部分应显示？

我的页面上有一个图像，它是用photoshop创建的。图像中间有文字。当我最小化窗口时，图像缩小，文本变小，而不是缩放

我试过：

.img{
  width: 100%;
  height: 100%;
}

当我最小化窗口时，如何使文本保持不变，图像从侧面剪切

---

谢谢

img元素旨在显示整个图像。要仅显示图像的一部分，最好使用css中指定背景的块元素。这允许您分别指定视口的大小和图像的位置

例如，在html中

<div class='my-image'></div>

这允许您将图像定位在div的中心。无论div有多大，图像大小都将保持不变，因为只有中心部分由于剪切而可见

---

有关css背景的更多详细信息，请阅读

，您的问题并不清楚。您是否可以为您的问题创建一个工作片段或一个请，谢谢。媒体查询和背景图像

.my-image {
   background-image: url(path-to-image.jpg);
   background-position: center center;
   background-size: auto auto; // This is the default
}