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:鏈接被按下的時候

總結

以上是生活随笔為你收集整理的解决pc端浏览器不兼容的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。