IE11并不考虑内联块元素的基于百分比的余量

Question

在IE11中扩展和缩小浏览器窗口不会重新定位具有基于百分比的边距的inline-block元素。 Here's a fiddle（它应该在其他浏览器中正常工作，所以一定要用IE打开）。

您可以通过编程方式应用无操作样式onresize（如zoom: 1）并触发布局，但我希望有人知道CSS解决方案，而不是那种hacky解决方法。< / p>

示例标记：

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

CSS：

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

Answer 1

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

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

希望这有效！ ：）