Html 每次我在chrome上调整窗口大小时，我的图像都会随之移动，从而重叠文本

这是我的HTML和css代码： 很抱歉，如果无法更好地放置代码，但无论如何，当我重新调整浏览器大小时，我总是让这些图片与文本重叠，我想要的是这些图片得到修复，因此，当我重新调整浏览器大小时，它不会与文本重叠，并且图片将移动到要定位的位置，因为它看起来有点难看，看到文本重叠

包装纸{ 文本对齐：居中； } 身体{ 左边距：自动； 右边距：自动； 宽度：1200px； 背景图像：urlhttp://img15.deviantart.net/cbb9/i/2005/258/c/4/paper_texture_v5_by_bashcorpo.jpg; 背景重复：重复-y； 背景尺寸：自动； 边缘底部：100px； 背景附件：固定； 字体系列：旅行打字机； } 擦去{ 左边距：自动； 右边距：自动； 字号：800； 边界：4倍双倍； 宽度：900px； } *{ 文字装饰：无； 颜色：黑色； } img.img1{ z指数：-1； 宽度：300px； 高度：300px； 左边距：20px； 边缘顶部：25px； 位置：绝对位置； 左：0px； 顶部：0px； } img.img2{ z指数：-1； 宽度：300px； 高度：300px； 位置：绝对位置； 右：0px； 顶部：0px； 边缘顶部：25px； 右边距：20px； } 十六号 欢迎来到第16步兵团！ 家 关于我们 日历 供给 征集 论坛 佩尔科姆 捐赠

---

img{宽度：100%；高度：自动；}

---

或者使用bootstrap class=img responsive

修复图像重叠添加位置：相对于身体标签

将此添加到您的头标签

<meta name="viewport" content="width=device-width, initial-scale=1.0">

视口元素为浏览器提供有关如何控制页面尺寸和缩放的说明

宽度=设备宽度部分设置页面的宽度，以跟随设备的屏幕宽度，屏幕宽度将根据设备的不同而变化

---

“初始比例=1.0”部分设置了浏览器首次加载页面时的初始缩放级别。

我们可以看到一些CSS吗？使用媒体查询以获得不同分辨率的屏幕。您有任何元素吗？不正确的标记，特别是当涉及到表时，可能会导致各种问题。不，我只是使用了标记，就像你在全屏上运行代码段时一样，调整窗口大小，移动图像，重叠内容。我使用了标记，但没有解决问题。我喜欢这样。第16个添加位置：相对位置；到你的身体标签，这将解决你的问题。这里是演示OMG谢谢！抱歉，如果我的问题看起来很奇怪，晚上通常是我唯一有时间编码的时间，所以我通常已经有点累了，或者编程谢谢！很高兴这有帮助。快乐编码！