在Firefox中,爲什麼一些<td>
和<tr>
元素中的底部邊界更胖?在Chrome和Opera中,它運行良好。爲什麼在某些TDs/TRs的Firefox邊界底部更胖?
table.mytable td {
border: 1px solid black;
}
<table class="mytable">
<tr>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
</table>
圖片:http://i.imgur.com/A1C7sWt.png
第一之後,第五和第九的TR邊框底部爲胖。
如果我在標記表中使用屬性border = 1,它的工作原理也一樣糟糕。
編輯:在Firefox中,我有100%的大小/縮放屏幕。
大概子像素的問題很好。看起來沒問題的Firefox的Ubuntu的 – Oriol
也許你有一些放大設置在瀏覽器 – Medda86
檢查我的答案,如果它的權利我寫了一個解釋 –