解决pc端浏览器不兼容的问题

1.对于浏览器之间存在的默认样式差距

<link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet">

2.解决ie9以下浏览器对于新增标签不识别的问题

<!--[if lt IE 9]>
  <script type="text/javascript" src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

3.解决IE9 10 11 等浏览器不支持css3新特性媒体查询的问题

<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

4.解决IE9 10 11 等浏览器不支持 标签的问题

<script src="https://cdn.bootcss.com/picturefill/3.0.3/picturefill.min.js"></script>

5.解决浏览器css兼容前缀

-o-transform:rotate(7deg); // Opera

-ms-transform:rotate(7deg); // IE

-moz-transform:rotate(7deg); // Firefox

-webkit-transform:rotate(7deg); // Chrome

6. a标签的几种css状态的顺序

遇到一些关于a标签的hover,active样式没有效果，其实可能是样式被覆盖了、

正确顺序：love hate

        link:平常的状态
		visited:被访问过之后
		hover:鼠标放到链接上的时候
		active:链接被按下的时候