Javascript HTML:设置div内图像的最大宽度

Javascript HTML:设置div内图像的最大宽度,javascript,html,css,image,Javascript,Html,Css,Image,我有一个包含几个div的页面,如下面使用引导类所示 当屏幕大小改变时,div和按钮可适当调整其宽度。 但是,图像不存在,这会导致在小屏幕上观看时图像与基础div重叠 是否有任何方法可以设置图像的最大宽度或执行某些操作,使其永远不会超过基础div?我尝试将height=“auto”和width=“80%”添加到图像中,但没有成功 <div class="txtcntr well well-large span4"> <a href="queue.php" class="t

我有一个包含几个div的页面,如下面使用引导类所示

当屏幕大小改变时,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>




非常感谢您在这方面的帮助,Tim。

您可以尝试为图像添加css属性
最大宽度:100%

太棒了,这确实奏效了。我应该想到这一点。非常感谢-我会尽快接受。:)