我们平时在做网页的时候，经常会遇到一个问题，如360浏览器正常，但是在IE或google浏览器下访问就会出现不现实、错位、乱码等情况，那是因为网页在布局过程中一些细节问题，引起的兼容性异常，要想解决这些问题，我们可以使用meta来直接调用某个浏览器内核解决大部分问题，下面就为大家介绍一下常见的meta标签常用调用其它浏览器内核：
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> //兼容ie7用来指定IE浏览器解析编译页面的model <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> //页面要做解析使用字符集.html文件，标准加载，避免乱码 <meta http-equiv="X-UA-Compatible" content="IE=edge"> //主要是设置浏览器优先使用什么模式来渲染页面的，兼容ie微软edge内核浏览器 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> //自适应移动端，初始缩放比例，也即是当页面第一次 load 的时候缩放比例。width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。 <meta content="App" name="msApplication-ID"> //app端的应用 rel是rel="stylesheet" 是关联表 <meta name=”renderer” content=”ie-comp”> //兼容360浏览器极速模式和标准模式 <meta http-equiv="X-UA-Compatible" content="IE=8"> //兼容ie8 <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9"> //兼容ie9 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> //兼容360内核浏览器 <meta http-equiv="X-UA-Compatible" content="IE=11"> //兼容ie11 <meta name="renderer" content="webkit"> //兼容谷歌浏览器内核使用方法将meta标签插入在</HEAD>之前即可。
