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%

HTML：在div中设置图像的最大宽度

1 个答案: