javascript - 使用 HTML5 JS 和 Twitter Bootstrap 格式以不同方式托管 ASP.Net

Question

在我的开发环境中，一切看起来都很好，我有一个使用 Canvas 和动画的饼图，当通过浏览器托管时，它看起来很好。

我也在使用 Twitter Bootstrap，并且在页面顶部有一个导航栏，其中有两个项目。

这里有一些例子:

在开发环境中

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

在 IIS 中托管

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

关闭 IIS 版本后，错误仍然存​​在，您还可以注意到按钮的四舍五入不太一样。

我们在 IIS6 上使用默认设置托管，所以想知道是否需要在站点上做任何事情才能正确地合并它？我没有在任何我不认为的地方注册 .LESS，所以不确定这是否是导致此问题的原因。

提前致谢。

Answer 1

您需要设置 X-UA-Compatible 元标记才能解决此问题。将以下元标记添加到您网页的标题中，问题应该得到解决

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

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

您还可以在 web.config 中添加以下指令，以在整个应用程序范围内添加自定义 header 而不是每页元标记。

<?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 站点。 (因为微软认为很多内部网站已经过时了，我猜)您可以通过转到工具 –> 兼容性 View 设置来修改它。

引用资料:

• 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