2015-06-24 32 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