要让网页在不同浏览器中按预期渲染，需组合使用renderer、force-rendering和x-ua-compatible三个meta标签，且必须严格按顺序、小写、非自闭合、无空行地置于head最开头。
要让网页在不同浏览器中按预期渲染，不能只靠一个 meta 标签。国产双核浏览器（如 360、QQ、搜狗）和 IE 系统级内核的处理逻辑完全不同，必须分对象、分顺序、分写法来配置。
针对 360 浏览器用 renderer 标签
360 安全浏览器（v9.1+）识别 ，但有硬性要求：
- 必须紧贴
开始，前面不能有 BOM、空行、注释或<meta charset> - content 值严格小写：
webkit✅，WebKit❌，web-kit❌ - 不能自闭合：
<meta name="renderer" content="webkit">在部分旧版中失效，必须写成非自闭合形式 - 可选值只有三个：
webkit（极速模式）、ie-comp（IE 兼容模式）、ie-stand（IE 标准模式）
针对 QQ/搜狗等用 force-rendering 标签
QQ 浏览器（v10.4+）、搜狗高速浏览器（v12.0+）基本忽略 renderer，主要认 ：
- 同样要求小写、无空格、非自闭合、引号规范（双引号包裹 content 值）
- content 只接受
webkit或ie-comp，ie-stand在 QQ 中行为不稳定，慎用 - 它和
renderer不是互斥关系，而是互补——建议两者都写，覆盖更全
针对 IE 内核环境用 X-UA-Compatible
这个标签对所有 IE（8–11）生效，也影响双核浏览器里 fallback 到 IE 模式时的行为：
- 必须放在
最前面，比<title></title>还靠前；前面有空格、注释、BOM 都会导致整个声明被跳过 - content 推荐写
IE=edge，这是目前唯一仍具实际意义的取值 -
chrome=1是历史遗留项（Chrome Frame 已停用），可删，不删也不影响，但没必要保留 - 如果服务器已通过 HTTP Header 发送
X-UA-Compatible: IE=edge，会覆盖 meta 设置，优先级更高
三者组合写法与位置规范
最稳妥的写法是把这三个标签连续、紧凑、无空行地放在 开头：
<meta name="renderer" content="webkit"><meta name="force-rendering" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>页面标题</title> ...
注意：全部小写、无空格、无注释、无换行、无前置标签。Chrome、Firefox、Edge（Chromium 版）完全不解析 renderer 和 force-rendering，它们本就不该起作用——这不是 bug，是设计如此。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
