我收到错误:X-UA-Compatible META tag ('IE=7') 由于文档模式已经完成而被忽略。
我已经读到解决这个问题的方法是在 head 标签中没有声明 meta 标签足够高,但是我尝试将这个 meta 标签移动到 head 标签的第一行并且不能修复错误。
我正在使用 Grails .gsp 文件,该文件还使用淘汰赛 js。
以下是相关代码:
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>myInfinitec Membership Management</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/ucpmanagementportal/static/images/favicon.ico" type="image/x-icon">
<meta name="layout" content="main"/>
<script src="/ucpmanagementportal/static/plugins/jquery-1.7.1/js/jquery/jquery-1.7.1.min.js" type="text/javascript" ></script>
<link href="/ucpmanagementportal/static/bundle-bundle_coreCSS_head.css" type="text/css" rel="stylesheet" media="screen, projection" />
</head>
编辑:在 IE 开发人员窗口中,每行之间都会生成“Text-empty text node”行。也许这算作在 X-UA-Compatible 元标记之前有一些东西。我读到解决方法是将 display: block 和 zoom: 1 添加到受影响的元素,但这不起作用。这是我所描述的一个例子:
<head>
Text - Empty Text Node
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
Text - Empty Text Node
<meta style="display: block; zoom: 1;" http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
Text - Empty Text Node