2

私は妹の結婚式のために小さなデモを作っています。基本的には、ユーザーがページを下にスクロールするときに、ボディの背景を別の画像に設定したいと考えています。

これはページの機能バージョンです。

プロセス自体は正常に動作しますが、次の場合:

Chrome を実行しているデスクトップ mac (ブラウザ幅約 1900px)

背景は固定されたままですが、画像はページ全体に広がりません (当然のことです)。

この問題のスクリーンショット

携帯電話 (android chrome)

背景画像は固定されません (ユーザーが下にスクロールすると、背景画像が残ります)。おかしなことに、ウィンドウを小さくしてもラップトップ ブラウザでこれを再現できません。モバイル ブラウザ自体の制限でしょうか?

この問題のスクリーンショット

私がここで見逃しているものについて何か考えはありますか?

4

2 に答える 2

1

画像の幅は 1200px です。したがって、1900 の解像度では、画像は引き伸ばされず、小さくなります :)。background-size を使用する場合: 100%; 伸びるはずです。

モバイルに関して:この質問は、あなたと同じ解決策です。

于 2013-01-14T13:19:13.100 に答える
0

をセットする

width:100%
margin-left:auto;
margin-right:auto;

イメージタグまたは div で

100% が機能しない場合は、幅に px を使用します

于 2013-01-14T13:14:25.537 に答える