扫一扫微信二维码

css hack解决网站兼容问题

大唐传易2019-02-21网站模板
   作为前端开发人员最头疼的事情就是网站的兼容问题,毕竟浏览器的种类真的太多了,比如你网站开发好之后,在谷歌浏览器上表现正常,但是到了ie就爆炸了的情况,相比开发人员都有这方面痛苦的经历。更何况ie还有不同的版本、ie6、ie7、ie8等。那么有没中办法能够针对不同的浏览器写不同的代码呢?

  以下是不同浏览器用的不同内核,网站渲染出来的样式也各有不同

浏览器  IE firefox chrome safari opera
内核

Trident

Gecko

Webkit

Webkit

Presto





优秀的前端人员就是解决网站兼容问题
 
   css hack为什么能解决这方面的问题?

   
什么是css hack?css hack的目的就是解决网站兼容的问题。因为每个浏览器的内核不一样,所以渲染网页展示的方式也是不同的,所以我们开发人员要为不同的浏览器去做不同的代码,常见的就是用<!--//注释语>的方式来标注比如ie等浏览器。

    常见的css hack写法

    浏览器解释网站之前通常会遵守开发人员所写的样式,所以我们在写样式的时候一些特定的属性可以在前面加上独立的浏览器内核。比如-webit。

     网站在浏览器表现的问题,一直困难开发人员,如果不想这么复杂,可以使用bookstrap来进行网站建设,可以只顾及网站的表现形式,而不用顾及网站的兼容问题。