meta标签"X-UA-Compatible IE=edge"声明失效的解决方法

  • 内容
  • 相关
Fog-Dm1c4NgaZiOBeeJ_Pm4O9mKH.jpg

现象: 页面中添加了<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 但用360极速浏览器打开页面,默认用的是ie8兼容模式渲染(系统有装edge浏览器),这就导致页面上使用了ie8不支持的css3写法布局的元素在页面上显示有明显错位!

百度下,网上比较多的说法有两种。一种认为使用后台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的内核去渲染页面。

meta标签"X-UA-Compatible IE=edge"声明失效的解决方法
         本页正文内容约665个文字
         本文标签:

         版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。

         本文链接:https://suppore.cn/690.html   百度已收录

发表评论

电子邮件地址不会被公开, 推荐使用QQ快速评论!

00:00 / 00:00
顺序播放