針對Google chrome寫css hack

Google於本月3號推出了瀏覽器chrome，寫前端效果的同志們又有得辛苦了，IE/FF/Opera/Safari&chrom本來不太平的世界更混亂了。所幸chrome用的是與Safari一樣的Webkit引擎，我們可以使用對safari相似的方式作css hack，寫法為：

1. @media screen and (-webkit-min-device-pixel-ratio:0) {
2. /* 針對Chrome、Safari 3.0、Opera 9 的CSS樣式 */
3. }

用Chrome的使用者來這裡[測試一下]。

另，有一種通過附加#的Css hack對chrome無效，可能是Webkit版本不同。

1. 此css hack無效
2. p.callout { color:#FF0000; font-weight:normal; }
3. p.callout { color:#000000; font-weight:bold;# }

附：各種常見瀏覽器使用的核心 (Rendering Engine)

Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari ( WebKit )
Chrome ( WebKit )