Html CSS:CSS图像调整大小以适应浏览器

我正在尝试调整图像大小以适应浏览器，就像使用

最大宽度：100%；
高度：自动；
最大高度：100%

但是，这些图像无法调整大小以适应屏幕，我尝试调整浏览器的大小。这些图像将无处不在。我希望图像在调整大小时保持在同一位置。有没有关于我可能错过什么的想法


正文{
背景：url(http://www.planwallpaper.com/static/images/518169-backgrounds.jpg)无重复中心固定；
背景大小：100%；
}
.船2{
宽度：400px；
位置：绝对；底部：160px；左侧：800px；z索引：1；
}
.卷心菜{
宽度：150px；
位置：绝对；底部：290px；右侧：290px；z索引：1；
}
.绵羊{
宽度：150px；
位置：绝对；底部：300px；右侧：180px；z索引：1；
}
沃尔夫先生{
宽度：300px；
位置：绝对；底部：270px；右侧：-80px；z索引：1；
}
img{
最大宽度：100%；
高度：自动；
最大高度：100%；
}

越江
尝试css重置

body {
  margin: 0;
  padding: 0;
}

或

你可以参考

希望能有所帮助
您的代码似乎对图像应用了宽度和偏移量。它根据该代码工作。您的css似乎与您提到的意图完全错误，或者我误解了您的问题。你能说清楚吗？当你缩小浏览器的尺寸时，背景图像中的粉红色叶子也会缩小它的尺寸。我希望绿色图像像叶子一样缩小，同时，我希望绿色图像在浏览器调整大小时保持在同一位置。让我们只说绿色的图像在粉红色的叶子上。我希望在调整浏览器大小时，绿色图像保持在粉红色叶子的正上方（相同位置）