javascript - Web ページの画像の自動サイズ変更

Question

画像を配置したいボタンタイプのボタンがあります。私のコードは次のようになります

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

これに関する問題は、画像全体を大きくする灰色のスペースが得られることです。より大きな画像を使用すると、正常に機能します。しかし、電話からサイトに突然電話をかけると、大きなボタンが小さすぎて見えなくなります。どんな提案でも大歓迎です。

タイプ画像については知っていますが、送信タイプのボタンが表示され、ボタンタイプのボタンが必要なため使用できませんが、画像タイプを使用しても上記の方法を使用しない場合、写真はうまく機能します。

score 4 · Accepted Answer

onclickイベントを画像に載せてみませんか？

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

score 0 · Accepted Answer

必要に応じて、inputイメージタイプのタグを使用し、イベントハンドラーで次の値を返すことで、デフォルトのフォーム送信をキャンセルできfalseます。

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

これにより、タグと同じ機能が提供されますがbutton、画像を使用してスタイルを設定するためのクロスブラウザーサポートが向上します。

2 に答える 2