IMG在调整大小时突破了DIV

Question

我在顶部的DIV中有一个图像作为标题。还有另一个DIV，右侧有文字。当我将Google Chrome浏览器的大小调整为特定大小时，图像会突破div并进入文本DIV。我想知道当我想要突破并且不与其他元素混合时，我可以强制图像保持与DIV相同的大小。

Answer 1

您可以为图像设置100％的宽度，使其适合div：

div {
    width: 40% /* or whatever */
}
img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

Answer 2

我认为我理解你的问题已经足够了，尽管看一些代码会有所帮助。这是适合我的东西。

img.resize {
    width:100px;
    height: auto;
}