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; 
} 
}

也许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

你的意思是，当字体系列名字上有一个空格字符时，我们应该使用引号？“ – Cignitor

是的，确切地说：如果一个字体名称包含空格，它必须被引用。 – PierreDuc

CSS：响应CSS不工作在不同的浏览器

相关推荐