如何在iOS、Safari和Chrome上查看时删除白线

Question

这个相当简单的网页在iOS、Safari和Chrome上加载和查看时会遇到各种问题。

http://wsgdev.com/laceyoak/test.html

1. 有时iPad/iPhone浏览器在刷新时只显示一到两个图像。

2. 白线显示在一些图像的上方和下方，而不是其他图像。我已经尝试了在Stack Overflow上找到的几个修复此问题的方法，但都没有成功。

提前非常感谢您的任何建议！

Answer 1

在表格布局中缩放时，您的图像具有不同的比例。如果您将添加

td {
 vertical-align: top;
}

你会看到所有的白线都在底部，这是每个表单元格的空闲空间。这是表渲染的一个功能。因为任何表格单元格的高度都会受到具有最大高度的表格单元格的影响。所以你使用表格布局是错误的。例如，使用div s。