使用HTML5 JS和Twitter Bootstrap格式托管ASP.Net的格式不同

Question

在我的开发环境中,一切都显得非常好,我有一个使用画布和动画的饼图,这在通过浏览器托管时显得很好.

我也在使用Twitter Bootstrap并在页面顶部有一个导航栏,它有两个项目.

这里有些例子:

在开发环境中

http://i.stack.imgur.com/TtC5J.png

在IIS中托管

http://i.stack.imgur.com/DNLkg.png

在解除IIS版本后,错误保持不变,您也可以注意到按钮的四舍五入并不完全相同.

我们在IIS6上使用默认设置进行托管,因此想知道是否必须在网站上进行任何操作才能正确地进行此操作？我没有在任何我认为不可能的地方注册.LESS.不确定是否可能导致这种情况.

提前致谢.

Answer 1

您需要设置X-UA兼容元标记才能解决此问题.将以下元标记添加到网页的标题中,应该解决问题

这将确保它在开发和IIS中看起来一样.(使用相同的浏览器)

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

您还可以在web.config中添加以下指令,以添加自定义标头应用程序而不是每页元标记.

<?xml version="1.0" encoding="utf-8"?>
<configuration>
   <system.webServer>
      <httpProtocol>
         <customHeaders>
            <clear />
            <add name="X-UA-Compatible" value="IE=Edge" />
         </customHeaders>
      </httpProtocol>
   </system.webServer>
</configuration>

导致此问题的原因是IE默认情况下以兼容性模式呈现Intranet站点.(因为微软认为很多内部网站已经过时了,我猜)你可以通过转到工具 - >兼容性视图设置来修改它.

参考文献:

• http://weblogs.asp.net/rajbk/archive/2010/05/12/pages-in-ie-render-differently-when-served-through-the-asp-net-development-server-and-production- server.aspx
• http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx