谷歌Chrome浏览器的css兼容性

当今这种现状,各个浏览器大致上相同,但各自都在自己的渲染方式,所以在做网页模板时,不免要做些浏览器兼容,一般兼容问题都可以迎刃而解,ahuing做浏览器兼容主要是做iex(ie6,ie7,ie8),及火狐,在这种情况下兼容,基本上就可以做到浏览器兼容了,除了这些,ahuing做的兼容最多的可以就是chrome谷歌浏览器兼容了,前两三天有人告诉我有个地方不兼容,说什么360极速版,没用过这个,还让我专门去下了个360浏览器,结果一看,就是chrome的风格,然后再打开,真正的谷歌浏览器一看,果然是不兼容,嘿嘿,说了这么多,现在说重点,兼容谷歌浏览器的hack写法,

现在浏览网页主要用chrome,因为chrome的速度确实快,包括启动速度和加载网页的速度,比ie和ff快得多,不过看评测OPERA的新版本加载网页速度更快,由于没有用过OPERA,不好评价.我在用chrome和FF显示我的html文件的时候,发现它们的结果有所出入,我先不管是什么原因造成的,先hack一下再说,可是以前用过的css hack 都是针对ie,ff,opera,这个chrome和ff该怎么区分呢?试了几个ie,ff的hack方法,都不行,上网搜索,看到很多人说可以用

  1. @media screen and (-webkit-min-device-pixel-ratio:0) {body { background-colorblue; } 

来进行chrome 和ff的css hack

可是我用了没有效果,最后看到一位仁兄的方法很管用,就是使用:

  1. body:nth-of-type(1) a { 
  2.   color:red

body:nth-of-type(1)这句是选择第一个body元素。 据说safari和chrome的内核是一样的。目前只有safari 3+ 和 chrome浏览器支持这种选择方式,所以可用来做它们的hack;

转载请注明:代码家园 » 谷歌Chrome浏览器的css兼容性

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)