在网页上自动重新调整尺寸图像

Question

我有一个按钮类型按钮，我希望将图像放在上面。我的代码看起来像这样

<button id="button" type="button" onclick="bus()"> 
    <img src="DestinationH-Bus-Driver-Login.png"> 
</button> 

这样做的问题是，我得到一个灰色空间，使整体形象到大，如果我用它工作正常较大的图像。但是，如果我突然从手机拨打该网站，那么大按钮很小。任何建议将不胜感激。

我知道类型图像，但我不能使用它，因为它给了我一个提交类型的按钮，我想要一个按钮类型的按钮，但是，如果我使用图像类型但不是上述方法。

Answer 1

为什么不把onclick事件放在图像上？

<img src="DestinationH-Bus-Driver-Login.png" onClick="bus()" /> 

Answer 2

如果有必要，你可以使用类型图像的input标签并取消默认表单提交事件处理程序通过返回false：

<input type="image" src="DestinationH-Bus-Driver-Login.png" onclick="bus(); return false;"/> 

这应该给你相同的功能为button标记，但具有更好的跨浏览器支持，可以使用图像对其进行样式设计。