Css 在移动浏览器上，表格单元格中的元素显示的比其他相同大小的元素大

我创建了这个简单的下表，有3个单元格，每个单元格的宽度为33%，对于台式机/笔记本电脑，所有3张图片在chrome/safari中显示相同的大小，但对于智能手机，pic3在移动浏览器chrome/safari中显示稍大一些。使用的表格布局：已修复，但没有帮助：

.mobTab {
    table-layout:fixed;    
    width: 99%;
}

<table class="mobTab">
<tr>
    <td style="width: 33%; padding: 0px 10px 10px 0px"><a><img src="pic1" alt=""/></a></td>
    <td style="width: 33%; padding: 0px 10px 10px 0px"><a><img src="pic2" alt=""/></a></td>
    <td style="width: 33%; padding: 0px 10px 10px 0px"><a><img src="pic3" alt=""/></a></td>
</tr>

这是一个页面，比较一下桌面版和手机版，看看我的意思，这是底部附近的3张圆形图片

---

感谢您的帮助，

这可能是因为25像素的右填充正在蚕食前两个的一些宽度，而第三个不会受到影响，因为它没有填充

---

给每一个都加上10px左右的填充，然后在父div上加上负的10px左右边距以固定对齐。

你是说拾取按钮吗？很难找到元素。你能说得更清楚一点吗？我无法弄清这个问题的真相，但是，td元素的填充与其他元素不同。这是通过检查页面得出的，该页面与问题中的填充不匹配。也许一些JS的应用不一致。这是上面代码中的pic3大小，在oliom.com网站上，这是一个圆形的pic，上面有度假租赁标签。它在SmartPhone上显示得比其他字体更大，作为旁注-因为您有33%的宽度，所以填充的总宽度为99%+50px，这意味着无论您设置的宽度如何，表格都在调整tds-而不使用方框大小：边框框-将填充添加到宽度的表格的属性-因此请删除正确的填充这些td元素，使宽度33.3333%和中心的td内容，并检查第一…感谢提示，确实我没有补偿额外的25像素。是的，很抱歉上面的代码片段不是正确的。我把它减少到10px，它就工作了。