前端兼容性问题总结

1、HTML中meta标签控制浏览器内核切换
只需在HTML head标签内添加一行代码即可完成对浏览器默认内核的指定，代码如下：

//页面默认用极速核
<meta name="renderer" content="webkit">
//强制Chromium内核，作用于其他双核浏览器：
<meta name="force-rendering" content="webkit"/>
//页面默认用ie兼容内核
<meta name="renderer" content="ie-comp">
//页面默认用ie标准內核
<meta name="renderer" content="ie-stand">
/*如果有安装 Google Chrome Frame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器：*/
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

2、jquery 在ie8浏览器下的问题
在引用jQuery时，引用高版本的Jq会在IE8下报错，jq在2.0+的版本就已经放弃对ie8的支持了。

<script type="text/javascript" src="<%=path%>/js/jquery-3.1.1.min.js"></script>
<!--[if IE 8]>
<script type="text/javascript" src="<%=path%>/js/jquery-1.9.1.min.js"></script>
<![endif]-->

3、select去掉默认样式；select去掉下拉箭头

.css{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none; /*去掉下拉箭头*/
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.css::-ms-expand { display: none; }