重新加载网页时图像大小发生变化

Question

嗨，我有一个很奇怪的问题。我已经构建了一个角度应用程序，作为其中一部分，其中一个组件显示了图像

这是代码

.html

<div flexLayout="row">
      <div fxFlex="50%">
        <img src="../../assets/building.png" class="building" usemap="#buildingMap">
      </div>
</div>

.css

.building {
    height: 510px;
}

所以问题是第一次打开页面时，图像的高度得以保持，而宽度被压缩。然后，当我重新加载时，页面宽度将调整为占据div。有人知道为什么会这样吗？