按钮没有按比例缩小图像？

Question

我的页面上的<img>中有200px * 200px <button>。如果我使用CSS缩小图像：

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

，按钮仍然很大，好像图像仍然是全尺寸的。

任何解决方案？

感谢。

Answer 1

试试这个：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;