今天小編給大家分享一下CSS怎么區(qū)分Chrome和FireFox的相關知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

公司主營業(yè)務：網(wǎng)站設計制作、成都網(wǎng)站建設、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出長白免費做網(wǎng)站回饋大家。

描述：由于Chrome和Firefox瀏覽器內(nèi)核不同，對CSS解析有差別，因此常會有在兩個瀏覽器中顯示效果不同的問題出現(xiàn)，解決辦法如下：

/*Chrome*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .content .test {

        background: #ff0;

    }

}

/*FireFox*/

@-moz-document url-prefix() {

    .content .test {

        background: #f0f;

    }

}

/*IE9+*/

@media all and (min-width:0) {

    .content .test{

        background: #f009;

    }

}

/*IE10+*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .content .test {

        background: #0ff;

    }

}

/*iPhone / mobile webkit */

@media screen and (max-device-width: 480px) {

.content .test {

     　　background: #0ff;

    }

}

以上就是“CSS怎么區(qū)分Chrome和FireFox”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章標題：CSS怎么區(qū)分Chrome和FireFox
分享地址：http://www.chinadenli.net/article12/joihdc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設、品牌網(wǎng)站建設、面包屑導航、App開發(fā)、手機網(wǎng)站建設、自適應網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)