IE 的“以兼容模式显示 Intranet 站点”选项有什么作用？为什么它是 IE 中的默认选项？

Question

IE 中的“以兼容模式显示 Intranet 站点”选项到底是什么意思？为什么它会成为默认选项？

我使用 Mac 而不是 PC 进行设计和开发，因此对于 Windows/IE 问题我并不是特别了解。

客户托管了我开发的 Wordpress 网站，该网站在他们内部安装的 Ubuntu 服务器上运行。他们以前的网站托管在他们的 Windows 服务器上，其他一切都在服务器上运行。以下是其中一个作品集页面：http://grlarchitects.com/liberty-mutual-insurance-group/

我们推出网站 2 个月后，他们说，通过 Windows 8.1 和 IE 11 查看时，其网站作品集页面的格式显示缩略图堆叠得相当内联。当他们禁用此兼容模式时，格式就没问题了。

我的问题是，为什么他们需要工作站以兼容模式显示内部网站？他们以前的网站托管在 Windows 服务器上。

他们一直以兼容模式运行，这是他们所有工作站的默认模式。唯一不同的是，他们在 12 月升级到了 IE 11/Win 8.1。让他们禁用所有工作站的兼容模式合理吗？他们还需要以兼容模式运行的其他原因是什么？

尽管他们说这是刚刚发生的 - 我不确定该网站是否曾在 IE 中内部测试过 - 但我的浏览器测试都使用 Browserstack 和 IE 进行，并且仍然使用该配置。我不知道办公室里是否有那么多人使用 IE。

另外 - 当我在通过 HostGator 托管的测试网站中重新创建这些投资组合页面时，在 IE 上以兼容模式查看时根本看不到问题。

我还应该说，我已经排除了 Wordpress 主题和插件冲突。当我在 css 中注释掉 display:inline-block 时，我可以通过 Mac 上的 Firebug/FF 重现该问题：

.mg-image-showcase .mg-thumbs ul li {
    display: inline-block !important;
    position: relative !important;
    vertical-align: top !important;
 }

如果我改用 float:left 并添加 list-style:none; 我可以使其正确对齐。

.mg-image-showcase .mg-thumbs ul li {
  /*display: inline-block !important;*/
    position: relative !important;
    vertical-align: top !important;
    float:left;
    list-style: none;
 }

我尚未与客户端测试这一点。

我很想听听对此的任何想法，我将不胜感激！

谢谢。