4

以下を使用して、CSSで完全に達成されたフルスクリーンの背景があります。

body {
  background-image: url('../images/backgrounds/<image>.jpg');
  background-size: cover;
  float:left;
  overflow: hidden
  }

これをモバイル、iOS、および IE Windows Mobile で見ると、背景はフルスクリーンではなくタイル表示されます。モバイル OS 用に別の CSS ファイルを用意する必要があるかもしれませんが、問題の正確な原因がわかりません。モバイル用の画像を全画面表示するにはどうすればよいですか?

4

3 に答える 3

0

xy ワイズに繰り返すカバーを使用する必要があります。したがって、対応するcssの背景画像と色を使用したトリックです..

    body {
     background: url("images/bg3.jpg") repeat-x scroll 0 0 #EF9360;
    }

したがって、CSS の背景画像の上部が青色の場合は、青色の背景を使用する必要があります...

ここで詳細を読む http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_gradient1

于 2013-09-23T12:57:20.543 に答える
0

これは解像度の問題である可能性があります。画面サイズの変数を取得し、画像をストレッチして画面いっぱいに表示します。

background-repeat:no-repeat;を追加して試してみてください。

于 2013-09-23T12:55:36.220 に答える