2013-02-13 39 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

約翰