css中的表格边框问题

Question

创建简单边框时遇到问题
第 2 行和最后一行的边框看起来很粗，为什么会这样

注意：当回到 w3school 教程时发现同样的问题，我认为这就像浏览器问题

///// Css代码///////

table{ border-collapse :collapse;}
Table, td { border: 1px solid black;

//// HTML 代码 /////

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
  </tr>
</table>

Answer 1

您的代码没有问题，因为它非常基本。您附加了一个屏幕截图 - 您的屏幕分辨率是否可能相当低？ 尝试通过“ctrl”+“+”放大，线条可能相等。

根据屏幕分辨率计算每条线的粗细，例如可能为 1.8 像素 - 渲染计算机时必须向上或向下舍入，这可能会导致某些线显示为 1 像素，而另一些线​​显示为 2 像素.

Answer 2

您的浏览器不是默认缩放，因此缩放会导致线宽不一致。将您的浏览器缩放重置为 100% 以解决此问题。