0

誰かアドバイスをお願いします

横向きモード (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; }

私が持っている頭の中で

最初は、メディア クエリ内で #footer-wrap をターゲットにしませんでした。これには BG の色だけが含まれており、他の属性が含まれていないため、メインのスタイルシートからプルするだけで十分であると想定していました。

Media Query内に追加しようとしました

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

どちらも機能していません

誰でもアドバイスできますか、答えが目の間で私に当たっていると確信していますが、私は一生それを理解することができず、そのままこのプロジェクトに遅れをとっています

よろしくお願いします

ジョン

4

2 に答える 2

0

メディアクエリで:-

@media (max-width: 767px){

#footer-wrap{

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

} }

于 2013-02-13T15:22:32.853 に答える