そのため、モバイル デバイスの固定背景に問題があります。Windows 7 ラップトップの Chrome で表示すると、背景はきれいに見えます。画像 (薄い) は水平方向に並べて表示され、ビューポートに固定されたままになります。しかし、Android フォンの Chrome では、背景がページの上部にくっついており、下にスクロールすると消えてしまいます。
さて、これらのモバイル ブラウザーはビューポートとは何かについて異なる考えを持っているため、機能しないことは既にわかっていますが、background-attachment:fixed;私が見つけた解決策はどれも何も解決していないようです (または、単に誤解しているだけかもしれません)。一般的な提案は、代わりに背景を保持するページにラッパー div を適用することです。これは、このブログ投稿に基づいて実行しようとしました:
#wrap {
background-image: url(../img.png);
background-repeat: repeat-x;
background-position: left top;
width: 100%;
min-height: 100%; /* sticky footer */
overflow-x: hidden; /* sticky footer */
}
これは私の問題をまったく解決しません。ラップトップの固定された外観を台無しにするだけです。私が理解していないことがありますか？私は Web コーディング (CSS/HTML) に非常に慣れていないので、ここに欠けているものがあると思います。