HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Html 5重置(html5reset.org) – X-UA兼容不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 html5reset.org使用了优秀的HTML 5重置模板,我的X-UA兼容元标记似乎不起作用.这是我的标题的样子:
<!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-Compatible也可以覆盖这个.

现在如果我删除有趣的标题:

<!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可以工作,并且似乎使用相同的方法.

通过webserver配置将X-UA-Compatible添加到响应头中似乎可以修复它,但我宁愿不依赖这种方法.

更新:如果检测到浏览器是IE,则html5boilerplate.com似乎只是在http响应头中发送X-UA-Compatible.这似乎是要走的路.

解决方法

HTML5 Boilerplate建议使用webserver配置.它更快并且解决了标记解决方案无法使用的一些边缘情况: https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/doc/html.md#x-ua-compatible

大佬总结

以上是大佬教程为你收集整理的Html 5重置(html5reset.org) – X-UA兼容不起作用全部内容,希望文章能够帮你解决Html 5重置(html5reset.org) – X-UA兼容不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。