2013-02-13 69 views
0

希望有人能指点请@media查询 - CSS重复不渲染

有一种让我的页脚换行以横向模式(480像素)

HTML平板电脑设备上重复的问题

<div id="footer-wrap"> 
    <footer class="footer-inner"> 
     <section class="foo1"> 
      <h1>Get in Touch</h1> 
      <hr> 
     </section> 
    </footer> 
</div> 

CSS

#footer-wrap { 
    background: none repeat #373737; 
    min-height: 400px; } 

.footer-inner { 
    width: 940px; 
    margin: 0 auto; } 

在团长我

起初,我并没有针对媒体查询中的#尾缠绕,因为我认为它只是包含BG颜色,没有其他属性,从主要拉动样式就足以

我试图内的媒体查询

@media only screen and (min-width: 480px) and (max-width: 767px){ 

    #footer-wrap { 
      width: 100%; /*with the intention of just filling the div*/ 
     } 
    } 

加入也试过

#footer-wrap { 
     width:767px; 
    background: none repeat #373737; 
    } 

无论^ h AVE工作

任何人都可以建议,我相信答案是打我的眼睛之间,但我不能为我的生活指点迷津,并且因为它是我在这个项目上

许多后面跑在此先感谢

约翰

+2

'背景:没有重复......'没有什么可以重复的。 – BoltClock 2013-02-13 15:17:19

+0

重复属性将重复背景图像。您没有指定背景图片。 – 2013-02-13 15:19:30

+0

问题已解决,谢谢指出我从未添加过血腥图片....我需要休息一下! 亲切的问候和再次感谢 约翰 – John 2013-02-13 15:42:00

回答

0

在媒体查询: -

@media (max-width: 767px){ 

#footer-wrap{ 

margin-left: -20px; 
margin-right: -20px; 

}}

+0

是的,是的,所有急于我的名义,我确实说我在后面,我的道歉,我告诉你,它是在我眼中。 感谢您指出,问题解决了,我们会继续前进,我会抓紧一个别人的时间 干杯家伙 问候 Ĵ – John 2013-02-13 15:39:28

0

我想我可能会添加如何被完全解决,如果没有关闭,但也许可以帮助别人

页脚容器所需的最小宽度100%

这是所有... 3血性小时,而这一切,它需要

可能会帮助别人谁是为迷惑,因为我是

问题完全解决,完整

[R

约翰