关于兔子缩放

为什么显示出来后图片很大，缩放不了

<div class="grass">

   <img src="img/rabbit.png" alt="rabbit">

</div>

.grass{

position：relative;

}

 img{

  width:auto;

    height:auto;

    max-width:100%;

    max-height:100%;

    position: absolute;

    right:200px;

    bottom: 50px; 

 }