如何在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。