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

Question

Hello StackOverflowers，

设置：

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

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 example here。

问题：

如problem referenced above中所述，当您调整窗口大小并将IE上的缩放级别设置为100％时，IE实现的subpixel rounding强制右侧div下降到新行。或150％。或50％。但不 75％，125％，95％等

问题：

为什么呢？缩放级别如何影响子像素舍入问题。 为什么将IE缩放级别设置为95％会阻​​止第二个div被拉到新行上，无论窗口调整大小有多少？

谢谢大家！

Answer 1

想想IE总是会出现什么意思。

如果您的缩放率为100％且宽度为701px怎么办？ 50％是350.5px，这意味着IE中的50％将会累计达到351px，导致总宽度为702px并且溢出。

现在，95％，701px的95％是多少？ 665.95px，最高可达666px。 其中50％是333px，加起来就是666px，哦，男孩！现在它有效！

当然，这一切都取决于窗户的宽度，所以有时95％会有所帮助，有时候实际上会受到伤害。