我使用的是优秀的HTML 5复位模板在html5reset.org和我的X-UA兼容meta标签似乎并没有工作。 这里是我的标题是这样的:
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ieNoHtml5 ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ieNoHtml5 ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ieNoHtml5 ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- the "no-js" class is for Modernizr. -->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Title of Page</title>
使用兼容性视图模式IE中的选项被显示(在URL字段破碎页图标)。 问题是,我的一些客户已经设置了IE9浏览器进入“始终使用兼容性视图”模式,其结果是,该网站看起来像IE7,即使他们使用IE9和X-UA兼容是假设覆盖此。
现在,如果我删除了有趣的东西头:
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
......它突然开始工作的罚款。
我注意到, html5reset.org本身似乎显示损毁页图标,所以它似乎并不要么工作,但html5boilerplate.com没有工作,而且似乎使用同样的方法。
添加X-UA兼容到web服务器通过配置的响应头似乎解决它,但我宁愿不靠这个方法。
更新:看来, html5boilerplate.com刚刚发送的HTTP响应头X-UA兼容的,如果它检测到浏览器是IE。 这似乎是要走的路。