Question

我将min-width样式从100％覆盖到auto，在Firefox中运行良好但在Safari和Chrome中运行不正常。我无法弄清楚为什么......？！

在下面找到我的代码或http://jsfiddle.net/zxsbodLp/：

＆＃13;

div img {
    min-width: 100%;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}

div.small img {
    min-width: auto;
    max-width: auto;
}

＆＃13;

<div>
    <img src="http://lorempixel.com/400/200/" width="400" height="200" alt="" />
</div>
<div class="small">
    <img src="http://lorempixel.com/400/200/" width="400" height="200" alt="" />
</div>

＆＃13;

Answer 1

以下情况应该有效。

min-width: initial!important;

Answer 2

由于我不太喜欢在提供的答案中使用！important，并且我不熟悉值'initial'，我会尝试测试我对同一问题的解决方案。看https://www.w3.org/wiki/CSS/Properties/min-width我想知道为什么会这样：

min-width: 0;

不回答？基本上这是默认值。

在Safari / Chrome中覆盖图像上的CSS最小宽度

2 个答案: