html - 图像上的 1px 边框在图像的顶部和右侧留下奇怪的白色间隙

Question

正如您在屏幕截图中看到的（也许您可以根据您的计算机从代码片段中重现），有一个非常烦人的白色间隙，我不知道它来自哪里。由于显示内联属性，这不是关于底部间隙的问题。

这个差距在我的 Mac 上根本没有显示，但在我的联想和华硕笔记本电脑上显示。也出现在 Edge 和 Firefox 上。

img{
  border: 1px solid;
  display: block;
  box-sizing: border-box;
}

<img src="https://via.placeholder.com/200x200">

标签： htmlcssresolution