2014-10-03 62 views
0

你好,我希望你能回答我的问题,新的属性没有影响

我的问题是,我responsive.css没有响应,我编辑了媒体的质疑,我添加了新的属性但它没有显示,当我使用萤火虫检查元素时,这有什么问题?

在此先感谢!

+0

显示您的媒体查询。 – Fergoso 2014-10-03 03:35:41

+0

@media(max-width:320px) {#promo { \t float:left; \t} \t NAV {宽度:90%;} \t NAV UL立一个{宽度:83%;}} 这是原始媒体最大宽度320 ,, 现在我增加了新的3属性,, \t #banner {margin:auto; \t \t float:none; \t \t position:relative; \t \t margin-top:78%; height:229px; 宽度:100%; float:left!important;} .footer-links {margin-bottom:20px; \t填充左:7%; \t text-align:left!important; \t宽度:100%; \t} \t这是现在的媒体320的最终CSS,但是当我检查使用萤火虫,这3个属性没有显示,为什么? – 2014-10-03 04:02:08

回答

0

确保您的代码格式如下。

@media (max-width:320px) 
{ 
#promo{float:left;} 
nav{width:90%;} 
nav ul li a{width:83%;} 
#banner{margin:auto; float:none; position:relative; margin-top:78%; height:229px; width:100%; float:left !important;} 
.footer-links {margin-bottom:20px; padding-left:7%; text-align:left!important; width:100%;} 
} 
+0

我这样做的格式相同,但是当我使用粘贴媒体中的所有属性来查看它的外观时,评论框只限制了几个字符,这就是为什么我压缩它,但是谢谢你的方式:) – 2014-10-07 01:45:17