CSS 針對Google或者360(Chrome) safari的webkit核心瀏覽器 相容性處理__css

參見：http://www.divcss5.com/css-hack/c263.shtml

css Google瀏覽器css Chrome css safari瀏覽器識別CSS hack

我們知道和會運用CSS IE Firefox瀏覽器之間的區別DIV+CSS HACK，這裡為大家再介紹下區別Google瀏覽器(Chrome)蘋果瀏覽器(safari)與IE之間的hack;

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

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

    @media screen and (-webkit-min-device-pixel-ratio:0) {          /* Webkit核心相容CSS選取器樣式 放到這裡 */          } 

範例：

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

我的例子：

        //其它瀏覽器        #login_r3_c1{ height:260px;}        #login_r4_c2{ height:27px;}        #login_r6_c2{ height:27px;}        #login_r4_c10{ height:92px;}        //Google或者360極速模式:        @media screen and (-webkit-min-device-pixel-ratio:0) {              #login_r3_c1{ height:262px;}            #login_r4_c2{ height:28px;}            #login_r6_c2{ height:28px;}            #login_r4_c10{ height:94px;}        }