html - 移动设备上的TD边框

在移动设备上查看时，即使border设置为0px，td class="pos-nochange"周围也会有边框。我不明白的一件事是，为什么随着用户在移动设备上放大（缩放更大），边界变大或变小（看起来很固定）？

<table style="font-family: Open Sans; font-size:12px; border:0px">
    <tbody>
        <tr>
            <td style="background-color: #44445e;" colspan="5" width="300">
                <div id="mleaguetable"></div>
                <div class="live"><span style="font-size:15px">LIVE</span>
                </div>
            </td>
        </tr>
        <tr>
            <th style="background-color: #050528; text-align: center; vertical-align: middle;" colspan="2" height="30"><strong><span style="color: #828293;">Pos</span></strong>
            </th>
            <th style="background-color: #050528; text-align: left; vertical-align: middle;" width="155"><strong><span style="color: #828293; padding: 0 0 0 5px;">Club</span></strong>
            </th>
            <th style="background-color: #050528; text-align: center; vertical-align: middle;" width="50"><strong><span style="color: #828293;">Pld</span></strong>
            </th>
            <th style="background-color: #050528; text-align: center; vertical-align: middle;" width="50"><strong><span style="color: #828293;">Pts</span></strong>
            </th>
        </tr>
        <tr>
            <td style="background-color: #51516d; vertical-align: middle; text-align: right;" width="30" height="30"><span style="color: #ffffff;">1</span>
            </td>
            <td class="pos-nochange" style="background-color: #51516d;"></td>
            <td style="background-color: #51516d; border-right: 1px solid #44445E;"><span style="color: #ffffff; padding: 0 0 0 5px;"><a href="/en-gb/clubs/profile.overview.html/arsenal"><span style="color: #ffffff;">Utd For Utd</span>
                </a>
                </span>
            </td>
            <td style="background-color: #51516d; text-align: center; border-right: 1px solid #44445E;"><span style="color: #ffffff;">5</span>
            </td>
            <td style="background-color: #51516d; text-align: center;"><strong><span style="color: #ffffff;">13</span></strong>
            </td>
        </tr>...</tbody>
</table>

最佳答案

使用border-collapse样式规则：

table
{
   border-collapse:collapse;
}

关于html - 移动设备上的TD边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20703079/