Windows 比例为 125% 时图像上的白线答案

【问题标题】：White line on image when Windows scale is 125%Windows 比例为 125% 时图像上的白线
【发布时间】：2021-09-15 05:05:54
【问题描述】：

我有一个具体的问题。一个网站有一个带有 5px 实线边框的图像，当我将 Windows 缩放设置更改为 125% 时，我看到图像和边框之间有一条空线。

img {
  border: 5px solid red;
}

&lt;img src="https://via.placeholder.com/290x140/000000/FFFFFF/?text=IPaddress.net"&gt;

我正在 Google Chrome v91 上测试它。 Chrome 在缩放/缩放时似乎存在子像素问题。

我还注意到，这条白线实际上是图像的背景颜色，其中白色可能是默认颜色。

我尝试了很多设置，但没有任何效果。需要帮助。

【问题讨论】：

【解决方案1】：

您可以尝试将图像放入 div 中，并将其设置为 100%，如下所示：

img {
  border: 5px solid red;
}

#image {
  width: 100%;
  height: 100%;
}

<div id=”image”>
    <img src="https://via.placeholder.com/290x140/000000/FFFFFF/?text=IPaddress.net">
</div>

让我知道它是否有效。如果你想设置图片的大小，改变div的大小。

【讨论】：