css - IE 的缩放级别如何影响子像素舍入？

Question

你好 StackOverflowers，

设置：

此问题与此处解决的问题相同。具体来说，我们有：

HTML：

<div class="outer">
  <div class="inner">left</div>
  <div class="inner">right</div>
</div>

CSS：

.outer{
  width: 100%;
}

.inner{
  float: left;
  width: 50%;
}

在 Internet Explorer 8 中查看。您可以在此处查看 JSBin 示例。

问题：

如上面提到的问题中所述，当您调整窗口大小并将 IE 上的缩放级别设置为 100% 时，IE 实现的亚像素舍入会强制右 div 放到新行上。或 150%。或 50%。但不是 75%、125%、95% 等。

问题：

为什么？缩放级别如何影响子像素舍入问题。 为什么将 IE 缩放级别设置为 95% 会阻止第二个 div 被踢到新行，而不管执行了多少窗口大小调整？

谢谢大家！

score 0 · Accepted Answer

想想 IE 总是四舍五入意味着什么。

如果你有 100% 的缩放并且宽度是 701px 怎么办？50% 是 350.5px，也就是说 IE 中的 50% 都会向上取整为 351px，导致总宽度为 702px 并溢出。

现在，在 95% 时，701px 的 95% 是多少？665.95px，四舍五入为 666px。其中 50% 是 333px，两者加起来是 666px，天啊！现在它起作用了！

当然，这一切都取决于窗口的宽度，所以有时 95% 会有所帮助，而其他时候它实际上会受到伤害。

1 回答 1