貓城
BLACKCAT CASTLE

CSS:如何針對火狐瀏覽器指定語法

   23 VIEWS
CSS 針對火狐瀏覽器指定語法

歡迎來到黑貓城,我是時雨の町站長 ─ 時雨。

有時 CSS 設計好了在 Chrome 上看正常,到了其他瀏覽器如火狐 Firefox 看時樣式卻跑掉了,如果要針對火狐指定某個 CSS 語法,只要在 CSS 樣式表中增加以下語法即可。

/*For Firefox*/
@media screen and (min--moz-device-pixel-ratio:0) { 

}

將想要呈現的樣式放在 {} 之間即可。

HTML 範例:

<style type="text/css">
    .ex_css {
        color: red;
    }
    @media screen and (min--moz-device-pixel-ratio:0) { 
    .ex_css {
        color: #339966;
    }
}
</style>

<div class="ex_css">
    這段文字用 Chrome 看是紅色,用 Firefox 看是綠色。快切換瀏覽器看看吧!
</div>

效果:

這段文字用 Chrome 看是紅色,用 Firefox 看是綠色。快切換瀏覽器看看吧!


時雨 時雨,時雨の町-日文學習園地站長,為了紀錄網站維護的日誌而架設本網站,並以家中黑貓命名為黑貓城,順道分享各種架站知識與相關的網頁程式語言,如果你喜歡我的文章,請幫我按讚哦(*´ω`*)。也歡迎各位到我的日語教學網站學習日文 :)

LEAVE A REPLY

COMMENTS