margin - IE11 不尊重行内 block 元素的基于百分比的边距

Question

在 IE11 中扩大和缩小浏览器窗口不会重新定位具有基于百分比的边距的 inline-block 元素。 Here's a fiddle (其他浏览器应该没问题，所以一定要用IE打开)。

您可以以编程方式应用无操作样式 onresize(如 zoom: 1)并触发布局，但我希望这里有人知道 CSS解决而不是那个 hacky 解决方法。

示例标记:

<div>
    <span class="box"></span>
    <span class="box"></span>
    <span class="box"></span>
</div>

还有 CSS:

.box {
    display: inline-block;
    margin: 0 5%;
}

Answer 1

您提供的 fiddle 在我的 IE 11 中运行良好。

很难看到，以目前 5% 的利润率。如果您将此更改为 1%，并开始调整浏览器的大小 - 它会变得更加明显。

希望这能奏效! :)