javascript - 自动调整网页上的图像大小

Question

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

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

这样做的问题是我得到一个灰色空间，使整个图像变大，如果我使用更大的图像它工作正常。但是，如果我突然用电话呼叫该站点，那么大按钮就会变得很小。任何建议将不胜感激。

我知道图像类型，但我不能使用它，因为它给了我一个提交类型的按钮，我想要一个按钮类型的按钮，但是如果我使用图像类型而不是上述方法，图片确实可以很好地工作。

score 4 · Accepted Answer

Why not just put the onclick event on the image?

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

score 0 · Accepted Answer

如有必要，您可以使用inputimage 类型的标签并通过返回来取消事件处理程序中的默认表单提交false：

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

这应该为您提供与标签相同的功能button，但具有更好的跨浏览器支持以使用图像对其进行样式设置。

2 回答 2