IE11 - 缩小到50％时的布局问题

Question

我们使用Zurb Foundation 4＆amp; S开发的一些网站。当在IE11上缩小到不同的级别时，图5表现出奇怪的（边缘情况）行为。例如，缩小时使用one website＆lt; IE11上63％（窗口最大化IE11 / Win7在1440w屏幕上运行在VMWare Fusion上;里程可能会有所不同，因此缩小不到50％以便更有可能看到该行为），主要内容div偏离中心。块偏离中心的阈值似乎与缩放级别与窗口宽度有一定关系。

普通布局：

缩小时在IE11上展示布局问题：

这些网站已经过各种设备和浏览器（Chrome，Firefox，Safari，Opera，iOS Safari，Android Chrome，Android FF）的测试，所有设备都可以正常渲染并缩小而没有任何问题。有趣的是，即使在IE8上，缩小到相似的级别也不会破坏布局。

这是一个奇怪的IE11错误吗？我认为这有点边缘，因为我不会想象很多人会经常缩小到那个程度，但这有点好奇，因为它不会出现在IE8上，我只在基金会观察到它4个以上的网站。

Answer 1

我在IE11中快速浏览了一下，当我缩小到50％时可以复制这个问题。

div#contentContainer将max-width设置为62.5rem。将值更改为100rem，面板将在屏幕中居中对齐。

您可能需要考虑从rem值切换为em。