本地网站使用（IP 地址或计算机名称）与 localhost 的渲染方式不同？

Question

我有一个 MVC3 (razor) 站点发布到本地 IIS7 以进行测试。

当我通过“localhost”访问该站点时，它看起来与使用 IP 地址或计算机名访问时不同吗？

我已清除缓存并重新加载页面进行确认，但它们仍然显示不同。 CSS 必须加载才能提供正确的字体/颜色等，尽管“:hover”元素加载速度似乎慢得多？

我在网站上使用 JQuery/JQueryUI 是否有助于识别问题？

有什么想法吗？

编辑：更多信息

标题、标签和表定义是从 ViewBag.Title 构建的，或者循环遍历 ViewModel 中的行 - 没什么聪明的，只是标准的 MVC3/Razor 东西。

每个页面都使用相同的 css 文件，IE8 中的 F12 显示已加载正确的 css。

标题/副标题字体大小/颜色正确，只是位置不对？ 表格边框显得更粗？ 定位总体看起来有点“out”，但我不明白为什么会有这种差异？

防火墙/AV 包可以排除定位吗？

Answer 1

每个页面都使用相同的css文件，IE8中的F12显示
正确的 CSS 已加载。

开发人员工具应该显示 IE 在网站的两个实例之间没有使用相同的“浏览器模式”/“文档模式”，因为这就是问题所在。 IE 默认采用不同的模式，具体取决于您是否使用计算机名称（除其他外）。

将其添加到您的 应该可以解决问题：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Answer 2

我遇到了类似的问题，本地开发站点的大小与生产服务器上的大小不同。结果我在查看开发版本时忘记了缩放级别为 90%...这个答案帮助我意识到： https://superuser.com/questions/315448/ Different-font-size- Between-localhost-and-remote-server-in-firefox

Answer 3

我在 IE11 中遇到了完全相同的问题，我使用了这段代码

<meta http-equiv="X-UA-Compatible" content="IE=11">

，现在无论是本地主机还是我的计算机名称，页面总是呈现得很好。

Answer 4

只是想补充一点，如果您使用 HTML5 标签（nav、header 等），IE8 将在本地主机和远程主机上呈现不同的效果。

如果添加：

<!--[if lt IE 9]>
    <script>
        document.createElement('header');
        document.createElement('nav');
    </script>
<![endif]-->

那么 IE8 将在本地和远程主机上显示相同的内容。