Html CSS-化身随机改变大小

正如标题所示，我主页上的头像似乎随机改变形状（第二幅图像是正确的图像）

HTML:

 <div class="jumbotron" style="padding:20px;">
               <img class="avatar-picture" style="float: left" src='/avatar-pictures/{{this.avatar}}' />

---

如前所述，当我刷新页面时，此更改会随机出现。有人能解释一下发生了什么事吗

你的代码看起来不错，我觉得这与当前的代码无关，你认为还有其他css代码可能导致这种情况吗？你可以拿出

！重要信息

这是不需要的。您是否使用类似引导的功能？如果您想执行响应性操作，则永远不要指定映像的px。你应该使用width:number%和height:auto你的代码看起来不错，我觉得这与当前的代码无关，你认为还有其他css代码可能导致这种情况吗？你可以拿出

！重要信息

这是不需要的。您是否使用类似引导的功能？如果您想执行响应性操作，则永远不要指定映像的px。您应该使用宽度：数字%和高度：自动

img.avatar-picture {
  width: 230px !important;
  height: 230px !important;
}