Html CSS图像大小无法正确渲染 第一批

我将宽度设置为97px，高度设置为58px。但是当它第一次加载（jQuery创建的元素）时，我在Chrome中看到的是59.5px的宽度

取消选中

宽度

复选框后，重新选中它

现在它显示正确的大小

这就是浏览器的问题吗？我怎样才能解决这个问题

• 谷歌Chrome 74.0.3729.169（官方版本）（64位）
• macOS 10.14.5

---

这是由于图像大小造成的。如果图像大小已经是您想要的大小，则不要更改图像大小。当您指定相同的大小时，浏览器尝试覆盖，然后出现问题（即图像大小错误）

这是由于图像大小。如果图像大小已经是您想要的大小，则不要更改图像大小。当您指定相同的大小时，浏览器尝试覆盖，然后出现问题（即图像大小错误）

尝试在CSS中提供重要信息 喜欢并使用任何静态的父div或您知道其类名的父div

div > img{
  width: 97px !important;
}

---

尝试在CSS中给予重要的信息 喜欢并使用任何静态的父div或您知道其类名的父div

div > img{
  width: 97px !important;
}

我找到了一个破解方法

内容加载后

setTimeout(function() {
    $('.parent img').hide().show(0);
}, 500);

我找到了一个破解方法

内容加载后

setTimeout(function() {
    $('.parent img').hide().show(0);
}, 500);

---

我通过预加载图像解决了这个问题。我在我的页面标签中放置了以下内容：

<link rel="preload" as="image" href="path/to/image.png" as="image">

---

我通过预加载图像解决了这个问题。我在我的页面标签中放置了以下内容：

<link rel="preload" as="image" href="path/to/image.png" as="image">

欢迎来到Stackoverflow！如果您想给单个用户一些反馈，请将其作为评论发布。答案适用于网站上的所有用户。欢迎使用Stackoverflow！如果您想给单个用户一些反馈，请将其作为评论发布。答案适用于网站上的所有用户。