CSS：響應CSS不工作在不同的瀏覽器

我有開發自己的網站和應用下面的CSS：CSS：響應CSS不工作在不同的瀏覽器

.entry-content li,p { 
font-size: 17pt; 
font-family : Times new roman; 
} 

@media screen and (max-width: 480px) { 
.entry-content li,p { 
font-size: 14pt; 
font-family : Times new roman; 
} 
.et_pb_post h2 { 
    font-size: 20px; 
    padding-bottom: 15px; 
} 
}

提到的CSS谷歌瀏覽器上面的工作。但是當我使用mozilla firefox查看該網站時，@media screen and (max-width: 480px) {無法正常工作。

如何解決這個問題？如何解決這個與各種瀏覽器，如safari，歌劇，雷鳥等？

謝謝！

解決了，這是我目前的cSS。在Google Chrome和mozilla firefox上進行測試。（我還是老樣子需要測試不同的瀏覽器，雖然）：

@media screen and (max-width: 480px) { 
.entry-content li,p { 
    font-size: 14pt; 
    font-family : "Times new roman"; 
} 
.et_pb_post h2 { 
    font-size: 20px; 
    padding-bottom: 15px; 
} 
}

來源

2016-03-08 Cignitor

也許Firefox不喜歡'font-family：Times new roman;'不帶引號。嘗試將其更改爲'font-family：「Times new roman」;' – PierreDuc

適用於我，男士。究竟出了什麼問題？ http://jsbin.com/peviqugajo/1 –

'...但是當我使用mozilla firefox查看網站時，@media屏幕和（max-width：480px）{沒有工作。「這是不正確的。告訴我們重現的步驟，但Chrome瀏覽器懷孕時，Firefox會與媒體查詢結合使用。 –

顯然您的問題是缺乏圍繞FONT-FAMILY用空格引號的。因此font-family : Times new roman;必須更改爲font-family : "Times new roman";。看起來Firefox似乎更好。這是正常的，因爲它是正確的css

來源

2016-03-08 14:41:36 PierreDuc

你的意思是，當字體系列名字上有一個空格字符時，我們應該使用引號？「 – Cignitor

是的，確切地說：如果一個字體名稱包含空格，它必須被引用。 – PierreDuc

CSS：響應CSS不工作在不同的瀏覽器

回答

相關問題