2015-06-24 58 views
1

這可能是一個非常簡單的問題,但我很難!我有一個工作正常的外部CSS文件,並且是響應式的。如預期的那樣,在Firefox中查看時,少數元素的位置有點「偏離」。我想寫一個關於在Firefox中查看頁面的媒體查詢,並調整特定元素的邊距等。我想你可以使用前綴:Firefox特定的媒體查詢

@ -moz-文檔的URL前綴()

爲媒體查詢,但沒有做任何事情。

如何在Firefox中查看頁面時編寫媒體查詢?而對於這一點,Safari,以及?

謝謝!!!

回答

1

你可以使用你所提到的選擇,例如:

@-moz-document url-prefix() { 
    h1, p{ 
    color:pink; 
    } 
} 

看到這個直播:http://codepen.io/panchroma/pen/gpXdRj

更多關於Firefox的供應商選擇:http://is.gd/HPRUOu

更多瀏覽器選擇和黑客:http://browserhacks.com

FWIW,您是否仔細檢查過您的FireFox佈局問題與瀏覽器defauit設置,並且他們不能通過使用不同的CSS重置解決?我已經在過去取得了不錯的成績normalize.css

祝你好運!

+0

非常感謝大衛!這就是我的,並沒有工作,但我會再試一次。 Firefox中需要改變的只是邊距的百分比 - 我無法想象這會與瀏覽器的默認設置問題有關,可以嗎?我在我的所有網頁中都包含normalize.css。 – bjorkland

+0

這次它工作了!我第一次肯定有什麼問題。非常感謝你這麼好!!!!!! :) – bjorkland