我在iPad上呈现HTML页面时遇到了CSS问题。在其他浏览器中一切都很好。问题是在我的表格单元格之间会出现小间隙,如下图所示:http://oi53.tinypic.com/2vl0as9.jpg
如果我将页面最大化并放大到单元格之间的线条处,间隙就会消失。因此,这必须是页面渲染时的某种错误。我能以某种方式解决这个问题吗?这是我的表格和CSS:
<table class="smallTable" cellpadding=0 cellspacing=0>
<tr>
<td class="td1"></td>
<td class="td2"></td>
</tr>
<tr>
<td class="td1"></td>
<td class="td2"></td>
</tr>
</table>
CSS:
.smallTable
{
margin: 20px auto 40px auto;
border-spacing: 0;
}
.smallTable td
{
margin: 0;
}
.smallTable td.td1
{
background: url(../images/table1.png);
}
.smallTable td.td2
{
background: url(../images/table2.png);
}