在firefox中变换比例产生不同的结果

Question

我有一个非常简单的动画，该动画在WebKit浏览器（chrome，opera）中运行良好，但是当我在firefox中运行代码时，动画结束时会出现异常效果（缩放效果）。 当我尝试删除transform：scale（1）时，此缩放效果将消失，但我需要此变换。 如何删除Firefox的缩放效果？

*{
      box-sizing: border-box;
      padding: 0;
      margin: 0;
  }
  html,body{height: 100%;}
  .img{
      width: 0%;
      height: 100%;
      transform: scale(1) ;
      background: url('https://images.unsplash.com/photo-1557389352-e721da78ad9f?   ixlib=rb1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80') center center no-repeat ;
      background-size: cover ;
      background-attachment: fixed;
      animation: anime 2s linear forwards;
  }
  @keyframes anime{
      0%{}
      100%{width: 100%;}
  }

<div class="img"></div>