小编给大家分享一下CSS浏览器兼容性问题怎么处理,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
什么是浏览器兼容性问题?
认识浏览器内核
浏览器类型内核js引擎
IETridentjscript
FirefoxGeckoTraceMonkey
ChromeWebKit,BlinkV8
SafariWebKitSquirrelFishExtreme
OperaPrestoCarakan
css浏览器兼容性问题的解决思路和方案
1.使用cssHack解决兼容性问题
浏览器在读取css代码的时候可能会遇到一些无法识别的代码,造成这种现象的原因通常有两种:
1.代码本身有问题,如:bg:red,bg并不是一个有效的css属性
2.代码没问题,但浏览器的内核不能识别,如:box-sizing:border-box,这句代码本身没有问题,但由于使用的是css3的属性box-sizing,会造成在一些低版本内核的浏览器中无法识别。
总之,当浏览器遇到这些无法识别的代码时,它会怎么做呢?和java、C#等后端语言不同,浏览器不会中止程序的执行,它会立即跳过这些无法识别的代码,就当作没看见一样,继续执行后面的代码。就向下面这个例子一样:
.main{
color1:red;/*这句代码无法被浏览器识别,浏览器就当这句代码不存在*/
color:green;
}
以上是“CSS浏览器兼容性问题怎么处理”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。