本地网站使用(IP地址或机器名)与localhost渲染不同？

Question

我有一个MVC3(剃刀)网站，为了测试目的，发布到本地的IIS7。

当我通过 "localhost "访问网站时，它看起来与使用IP地址或machinename访问时不同？

我已经清除了我的缓存，并重新加载了页面以确认，但它们仍然显示不同。虽然":hover "元素的加载速度慢了很多，但CSS一定是加载了正确的字体颜色等。

我在网站上使用JQueryJQueryUI，如果这有助于确定问题？

Localhost

IP Address

任何想法？

编辑: 更多信息

标题、标签和表格定义是由ViewBag.Title构建的，或者在ViewModel中循环浏览行--没有什么聪明的，只是标准的MVC3Razor的东西。

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

Titlesubtitle字体大小颜色都是正确的，只是它们的定位出了问题?Table边框看起来更厚了?定位一般看起来有点 "出"，但我不明白为什么会有这种差别?

防火墙AV包可以把定位剥离出来吗？

Answer 1

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

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

将此添加到你的 <head> 应该可以解决这个问题。

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

Answer 2

我也遇到过类似的问题本地开发网站和生产服务器上的尺寸不一样。原来是我在查看开发版时忘了把缩放级别调到90%...... 这个答案帮助我认识到了这一点。https:/superuser.comquestions315448different-font-siz-between-localhost-and-remote-server-in-firefox。

Answer 3

我在IE11中也遇到了一模一样的问题，我用了这段代码。

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

现在不管是本地主机还是我的机器名，页面都能很好的呈现。

Answer 4

只是想补充一下，如果你使用HTML5标签(导航, 头部等）IE8在本地主机和远程主机上会有不同的表现。

如果您添加。

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

那么IE8在本地和远程主机上的显示是一样的。