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

有時 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