meta 解决页面浏览器兼容性

一笑奈何 提交于 2019-12-07 09:48:45


使用最高级的ie内核,如果支持谷歌内核,使用谷歌内核
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />        
        
        
这 样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。
Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,
实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。

特别是用户使用了类似360 可以有两种内核的,谷歌和微软的就会更有效了。

虽然可能作用不大,但是还是尽量加上吧,特别是某些页面 的功能 需要兼容ie 8 ,9 的。

尽量放在 head 的 顶部了, 防止失效!

一种认为使用后台include语法在页面中引入了子页面的话,在子页面里也需要加上<!DOCTYPE HTML>文档声明,另一种说法是X-UA-Compatible之前不能有script标签。后一种说法应该是比较靠谱的,因为在官方的说明文章里有这么一句:
The X-UA-Compatible header is not case sensitive; however, it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements.

大致意思是:带X-UA-Compatible属性声明的meta标签,必须放在head标签内,并且要放在除了<title/> <meta/>这2个元素外的任何元素前面。

确实,X-UA-Compatible声明位置要符合上面要求的话,该声明就能正常生效,表现为:系统若装有比ie8更高版本的ie(本例是:edge)的话,就会用edge的内核去渲染页面。


        
        

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!