使用CSS（使用Bootstrap）防止或禁用DIV中的自动图像调整大小

Question

我试图显示图片的原始尺寸。通常这比包含它的div的宽度要大。

在现代浏览器中，它会自动调整大小以适应父div。即使我使用overflow：auto ，图片仍然会被调整大小。

那么当外部div有固定宽度时，如何防止图片被调整大小呢？

谢谢！

- Hao Luo

Answer 1

Bootstrap对图像设置了最大宽度为100％。更改它：

img {
    max-width: none;
}

- Pavlo

---

最好创建一个覆盖Bootstrap的类，而不是修改Bootstrap的核心布局。例如：img.oversize: {max-width: none} - isherwood

请注意，这也适用于Zurb Foundation（截至6）。 - Whatcould

Answer 2

我使用了这个 img {min-width:100%}。

- Mike

---

您可能想要添加一些解释。 - oefe