HTML：在div中設置圖片的最大寬度

Question

我有一個包含多個div的頁面，如下所示，它們使用Bootstrap類。

當屏幕尺寸更改時，div和按鈕會適當調整其寬度。 但是，當在小屏幕上觀看時，圖像不會導致圖像與基礎div重疊。

有什么辦法可以設置圖像的最大寬度或做些什么，使它永遠不會超出基礎div？ 我嘗試向圖像添加height="auto"和width="80%" ，但是沒有用。

<div class="txtcntr well well-large span4">
    <a href="queue.php" class="track" name="Check_Queue"><img src="images/icons/bl_Queue.png" alt="" /></a>
    <br /><br />
    <a href="queue.php" class="btn btn-primary btn-block btn-large track" name="Check_Queue">Check Queue</a>
</div>

蒂姆，非常感謝您對此提供的任何幫助。

Answer 1

您可以嘗試為圖像添加CSS屬性max-width: 100%