wordpress - div の背景色が iPhone で機能しない

Question

サイトhttp://www.domda.seに対していくつかのメディア クエリを実行しました 。問題は、iPhone でサイトを見ると、#middle と #bottom の背景色が機能しないことです。問題は、div 間のギャップを防ぐために -1 マージンを追加したときに始まりました。負のマージンを削除して、それが役立つかどうかを確認しようとしましたが、うまくいきませんでした.

私は何を間違えましたか？

Answer 1

このルールでは、このメディアクエリに

@media only screen and (max-width: 480px), screen and (max-device-width: 480px),
screen and (max-width: 600px)  {
/* ...some other stuff here... */
    #middle {
        background: #00ffff;
        float: none;
        margin: -1px 0 0 0;
        width: 100%;
        clear: both;
    }
/* ...some more stuff here... */

追加してみていただけますoverflow:hidden;か？また#bottom、

#bottom {
    background: #fff;
    float: none;
    margin: -1px 0 0 0;
    width: 100%;
    clear: both;
    overflow:hidden; /* ADD THIS PROPERTY ON BOTH */
}

問題は、を削除していることだと思います。floatそのため、コンテナには...その内容が含まれなくなります。