0

Ipad と Iphone でテストすると、背景が完全に間違っているように見えます。私の問題については、ここでstackoverflowを検索しましたが、運がありません! 「background-size:cover」が問題であることはわかっていますが、修正方法がわかりません。

#home, #music, #videos, #tourplan, #facebook, #profile, #downloads {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#home, #videos, #downloads {
    height: 100vh;
}
#music, #tourplan, #facebook, #profile {
    min-height: 100vh;
    height:auto;    
}
4

1 に答える 1

0

「background-size: cover」が Ipad と Iphone で幅が狭いために正しく機能しないことに同意します。したがって、問題がある場合は、Ipad と Iphone に (選択に応じて) 任意の背景色を使用できます。

/* Ipad Layout: 480px. */

@media only screen and (min-width:480px) and (max-width: 767px){ {
    #home, #music, #videos, #tourplan, #facebook, #profile, #downloads {
    background: #ddd; /* Just as an example */
    }
}

/* Iphone Layout: 360px. */

@media only screen and (min-width: 360px) and (max-width: 479px) {
    #home, #music, #videos, #tourplan, #facebook, #profile, #downloads {
    background: #ddd; /* Just as an example */
    }   
}

別の背景画像の代わりに別の背景色を使用したい場合は、次のコードを使用できます。

#home {
          background: #ddd; /* Just as an example */
}
#music {
       background: #eee; /* Just as an example */
}
#videos {
        background: #fff; /* Just as an example */
}
#tourplan {
          background: #000; /* Just as an example */
}
#facebook {
          background: #00ff00; /* Just as an example */
}
#profile {
         background: #ff0000; /* Just as an example */
}
#downloads {
           background: #0000ff; /* Just as an example */
}

その場合、このコードを特定の CSS メディア クエリ領域 (. テキストの色などの要素の色を変更する必要があります。このようなサイトを表示するには、次のリンクにアクセスしてください: http://www.ollo.com.br/m/

よく保管してください。

于 2014-08-15T09:41:24.310 に答える