使用 css 防止或禁用 div 中的自动图像调整大小（使用引导程序）

Posted 2023-03-06

【中文标题】使用 css 防止或禁用 div 中的自动图像调整大小（使用引导程序）

【英文标题】：Prevent or disable automatic image resize in a div with css (using bootstrap)

【发布时间】：2013-01-08 13:20:50

【问题描述】：

我正在尝试显示图像的原始尺寸。这通常大于包含它的 div 的宽度。

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

那么，当外部 div 具有设定的宽度时，如何防止图像被调整大小？

谢谢！

【参考方案1】：

Bootstrap 将图像的最大宽度设置为 100%。改变它：

img 
    max-width: none;

【讨论】：

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

请注意，Zurb Foundation 也是如此（无论如何从 6 开始）。

【参考方案2】：

我用过这个img min-width:100%

【讨论】：

您可能需要添加说明