对象未在我的移动设备上显示内联

Question

同一类中我的3个对象似乎不会对齐，以便在我的移动设备（iPhone）上查看时它们均匀分布。当我在chrome上使用web开发工具时，它工作正常。 我已在iPhone上的Safari和Chrome中打开了网页，但它继续显示在一个块中（水平堆叠）。 您可以在thairapyexeter.co.uk/about.html

查看此处

HTML：

IndexingGenerator(self)

CSS：

<div class="aboutuscalltoaction">
  <div id="directionsaction"><img src="directionsaction.png"></div>
  <div id="callaction"><img src="callaction.png"></div>
  <div id="emailaction"><img src="emailaction.png"></div>
</div>