Question

我有一个包含3列的表格。每列的第一行都有一个img，我给表的最大宽度为100％。每张图片的实际宽度为200像素。

<table id="table1_id">
<tr id="row1_id">
  <td>
    <img src="image 1 url"/>
  </td>
  <td>
    <img src="image 2 url"/>
  </td>
  <td>
    <img src="image 3 url"/>
  </td>
</tr>
</table>

问题是除了iPhone之外，它在任何地方都能正常呈现。仅在iPhone上（尝试使用4S和5S），最后一列图像仅显示一半，而我的期望显然是列（因此图像）根据iPhone屏幕宽度自行调整大小。

可以通过iPhone查看www.checkgaadi.com上的实际网站。这也是小提琴 - https://jsfiddle.net/s1gfbwvy/

在测试期间，我发现当我调整浏览器窗口大小以模拟各种手机宽度时，当我低于浏览器窗口宽度290px时，屏幕没有响应（调整大小不会发生）。

有人可以帮忙吗。我是新手，如果这是一个基本问题，我很抱歉。我现在坚持了整整一天。

Answer 1

在解决看似无关的问题时找到解决方案。在Android上正确呈现的按钮在iOS上看起来非常糟糕。发现这篇文章解释了修复，它也修复了图像溢出问题 - CSS submit button weird rendering on iPad/iPhone。之所以修复（后见之明）溢出问题也可以解释，因为webkit的按钮也更大，现在随着webkit的消失，按钮更小，因此没有溢出。

我所要做的就是应用“-webkit-appearance：none”这个样式。到输入按钮元素。

仅在iPhone上溢出div的图像

1 个答案: