HTML：在移动视图上停止图片重叠（响应式设计）

我有一个网站，基于wordpress和响应式设计“Mystile”

我使用以下html代码并排显示三张图片：

<div style="position: absolute;"><a href="myhref"><img src="myimgsrc" alt="" /></a></div>
<div style="position: absolute; margin-left: 250px;"><a href="myhref"><img src="myimgsrc" alt="" /></a></div>
<div style="position: absolute; margin-left: 500px;"><a href="myhref"><img src="myimgsrc" alt="" /></a></div>

这在计算机上工作得完美无缺。 正如你在照片上看到的

但在移动设备上，它看起来很糟糕。 像这样：

我该怎么办？

---

非常感谢。

最简单的方法就是在线显示图像。如果没有足够的空间彼此并排，它们将互相包裹：

html，正文{margin:0；}
.hmm a{显示：内联块；边距：10px 0 10px；}
.hmm一个img{显示：块；边距：0；}

---

如果你想要一个“响应式设计”，不要使用绝对位置或固定的

px

值作为那样的余量。好的。我的wordpress主题是自动做出响应性设计。我的代码在计算机和移动视图上应该是什么样子？谢谢。这并不是那么简单，你需要从基本的回应和媒体提问开始。你的wordpress主题没有回应。。简单地说，太好了，谢谢！这很好用。你能告诉我在哪里可以定义图片之间的距离吗？是的，只需更改

边距

。你会看到我给了他们一个10px的上下边距。