解决pc端浏览器不兼容的问题
生活随笔
收集整理的這篇文章主要介紹了
解决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); // Chrome6. a標簽的幾種css狀態的順序
遇到一些關于a標簽的hover,active樣式沒有效果,其實可能是樣式被覆蓋了、
正確順序:love hate
link:平常的狀態visited:被訪問過之后hover:鼠標放到鏈接上的時候active:鏈接被按下的時候總結
以上是生活随笔為你收集整理的解决pc端浏览器不兼容的问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 立桩量是什么意思
- 下一篇: 2017年html5行业报告,云适配发布