今天小編給大家分享一下CSS的webkit核心瀏覽器實例分析的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

為荊州等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及荊州網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、做網(wǎng)站、荊州網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

css 谷歌瀏覽器 css Chrome css safari瀏覽器識別CSS hack

我們知道和會運用CSS IE 火狐瀏覽器之間的區(qū)別DIV+CSS HACK，這里為大家再介紹下區(qū)別谷歌瀏覽器(Chrome)蘋果瀏覽器(safari)與IE之間的hack;

只有webkit核心瀏覽器的谷歌瀏覽器、safari瀏覽器識別的CSS hack

Chrome和safari的CSS hack代碼，只有谷歌瀏覽器蘋果瀏覽器讀取CSS代碼：

@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Webkit內(nèi)核兼容CSS選擇器樣式 放到這里 */  }

范例：

 @media screen and (-webkit-min-device-pixel-ratio:0) { .yangshi1{color:#f00} .yangshi2{border:1px solid #f00;} .yangshi3{background:#f00;} }

HTML代碼：

 css樣式1