1

コンテンツだけでなく、画面全体を背景画像で覆うコードがあります。コンピューターと iPhone では正常に動作しますが、Android では、画面全体を垂直にカバーするために画像が長さ方向に伸びません。コードは次のとおりです。

CSS:

body {
    background-image:url(background.png);
    border:none;
    background-size:100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-attachment:fixed;
    background-repeat:repeat-x;
}

画像は 5x500 ピクセルです。ページを背景画像で覆うためのより良い解決策がある場合は、お知らせください。

4

3 に答える 3

1

背景のサイズによって問題が発生することがあります。に を追加してみてmin-heightくださいhtml

追加してみる

min-height: 100%;

体に

于 2013-05-19T04:02:59.733 に答える
0

次のようにプロパティを設定してみてください。

background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;

backround-size気難しいことがあります。

于 2013-05-19T01:37:30.993 に答える
0

background-size:contain を見たことがありますか? 個人的には、background-size:cover のファンです。これも役立つかもしれません。

Android の背景サイズの問題を調べていたので、この投稿に出会いました。OPに役立たない場合は、少なくともうまくいけば、他の誰かに役立つでしょう。

Androidの問題は、私が経験したAndroidがbackgroundの省略形を好まず、background-positionとbackground-sizeを持っていることに関連しています。あなたが持っているように、分離することで問題は解決しました。

于 2015-04-14T17:04:51.640 に答える