与chrome的Bootstrap表格单元格填充问题

Question

我很难弄清楚Chrome到底发生了什么。

1. 我使用chrome和firefox打开了相同的文件，虽然我对Firefox没有任何问题，但Chrome会在表格单元格的顶部和底部添加这些奇怪的填充，即使我强制它为0。

2. 其他奇怪的事情，我可以通过删除按钮中的填充来“修复”（相当丑陋但更好）Chrome，但这会破坏Mozilla的。

   chrome issue shown in debugger

编辑：小提琴链接https://jsfiddle.net/DTcHh/14845/

.keyboard button{
width: 100%;}

我找到了制作小提琴的解决方案，它只是高度：100％......对于我的个人知识，有人可以解释一下吗？