HTML 5复位(html5reset.org) - X-UA兼容不起作用(Html 5 Rese

2019-06-24 14:53发布

我使用的是优秀的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。 这似乎是要走的路。

Answer 1:

HTML5样板建议Web服务器配置。 它的速度更快,并解决了一些边缘的情况下,该标记解决方案不起作用有: https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/doc/html.md#x-ua-compatible



文章来源: Html 5 Reset (html5reset.org) - X-UA-Compatible doesn't work