Css 图像赢得'；t正确调整大小，它会不断更改一般焦点/中心点

我正在为一个朋友做一个项目，这是我的第一个基于css/html的小“项目”，我对底部的图像有一个问题，如果你调整它的大小，它会不断地改变一般的焦点，我怎么做不这样做

如果我把它变小，照片会显示的更多，如果我把它变大，照片会显示的越来越少。（请参阅调整浏览器大小）

.文本{
字体系列：“索菲亚”；
}
#滚动条{
文本对齐：居中；
边框：15px纯黑；
字体大小：40px；
背景：火红；
}
#文本1{
位置：相对位置；
显示：内联；
底部：10vh；
}
#恩特雷弗托{
文本对齐：居中；
边框：15px纯黑；
高度：50vh；
宽度：50vh；
左边距：自动；
右边距：自动；
边缘顶部：10px；
背景：火红；
溢出：隐藏；
位置：相关；
}
#Enterephoto>img{
位置：绝对位置；
利润上限：-5vh；
左边距：-28vh；
}
.底片{
边缘顶部：10px；
边框：15px纯黑；
填充：0px；
高度：60vh；
宽度：100vw；
溢出：隐藏；
文本对齐：居中；
位置：相对位置；
}
.photos>img{
位置：绝对位置；
左：0vh；
顶部：-100vh；
}
#文本2{
位置：相对位置；
字体大小：10px；
利润上限：-3.5vw；
字体大小：1.2vw；
空白：nowrap；
}
img{
最大宽度：100%；
}

欢迎来到我的页面
给你一些舌头

先下载照片，不要链接到它 第二，给自己的形象上课

---

然后给styl

如果您希望图像始终完全显示在您的div中，您应该添加

宽度：100%

和

高度：100%

它应该是这样的：

.bottomphoto{
边缘顶部：10px；
边框：15px纯黑；
填充：0px；
高度：60vh；
宽度：100%；
位置：相对位置；
}
.bottomphoto>img{
位置：绝对位置；
宽度：100%；
身高：100%；
}

欢迎来到StackOverflow！请考虑阅读文章。说“然后给出风格”并没有真正的帮助。相反，你应该根据他们的问题告诉他们应该添加什么样式谢谢你的回答。虽然我希望将焦点保持在眼睛/头部周围，但当我这样做时，它会调整大小并从头部缓慢移动，我该如何修复它？@Trey我真的不明白你的意思。当你调整照片大小时（又名，它对大小调整的反应），它会慢慢地显示越来越多的照片，或者越来越少。我如何阻止它显示更多或更少的照片，并在div内调整大小时使照片保持静态，就像在调整大小时显示的相同视图/数量一样。