按钮不缩放与图像？

Question

我的页面上有一个200px * 200px <img>的<button>。如果我下缩放图像使用CSS：

img{ 
    width:50%; 
    height:50%; 
} 

，按钮仍然巨大，如同在拍摄还是全尺寸。

任何解决方案？

谢谢。

Answer 1

尝试这一个：

 img { 
 
      width: 50%; 
 
      height: auto; 
 
     }

<button> 
 
    <img src="https://www.google.co.uk/images/srpr/logo11w.png" /> 
 
</button>