CSS瀏覽器兼容性問題怎么處理

發(fā)布時間：2021-09-26 16:48:13 來源：億速云閱讀：169 作者：小新欄目：開發(fā)技術

小編給大家分享一下CSS瀏覽器兼容性問題怎么處理，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

　　什么是瀏覽器兼容性問題？

　　認識瀏覽器內(nèi)核

　　瀏覽器類型內(nèi)核js引擎

　　IETridentjscript

　　FirefoxGeckoTraceMonkey

　　ChromeWebKit,BlinkV8

　　SafariWebKitSquirrelFishExtreme

　　OperaPrestoCarakan

　　css瀏覽器兼容性問題的解決思路和方案

　　1.使用cssHack解決兼容性問題

　　瀏覽器在讀取css代碼的時候可能會遇到一些無法識別的代碼，造成這種現(xiàn)象的原因通常有兩種：

　　1.代碼本身有問題，如：bg:red，bg并不是一個有效的css屬性

　　2.代碼沒問題，但瀏覽器的內(nèi)核不能識別，如：box-sizing:border-box，這句代碼本身沒有問題，但由于使用的是css3的屬性box-sizing，會造成在一些低版本內(nèi)核的瀏覽器中無法識別。

　　總之，當瀏覽器遇到這些無法識別的代碼時，它會怎么做呢？和java、C#等后端語言不同，瀏覽器不會中止程序的執(zhí)行，它會立即跳過這些無法識別的代碼，就當作沒看見一樣，繼續(xù)執(zhí)行后面的代碼。就向下面這個例子一樣：

　　.main{

　　color1:red;/*這句代碼無法被瀏覽器識別，瀏覽器就當這句代碼不存在*/

　　color:green;

　　}

以上是“CSS瀏覽器兼容性問題怎么處理”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

猜你喜歡