iOS7の背景画像のズームとぼやけの問題を解決する方法?

iOS7 の背景画像表示の問題を解決する

背景画像は、Web ページの視覚的なトーンを設定する上で重要な役割を果たします。ただし、iOS7 デバイスで背景画像を表示するときに問題が発生する可能性があります。そのような問題の 1 つは、ズームインされてぼやけた背景画像です。

問題の調査

背景画像用に提供された CSS コードを使用すると、問題が明らかになります。標的の Web サイト (www.wdeanmedical.com)。 CSS コードには次の宣言が含まれています:

background-size: cover;
background-attachment: fixed;

これらの宣言により、通常、スクロール中に背景画像が位置を固定されたまま、使用可能なスペースを埋めることができます。ただし、iOS7 ブラウザではこの動作の処理方法が異なります。

iOS7 の課題の克服

この問題を解決するには、次の 2 つの解決策が考えられます。

• background-attachment の使用:scroll: このオプションを使用すると、背景画像をスクロールできます。ページのコンテンツを表示し、ズームやぼかし効果を排除します。ただし、希望する固定画像効果が得られない場合があります。
• background-position: JavaScript を使用したスクロールの使用: JavaScript を利用することで、背景画像をビューポートの上部に固定できます。スクロールとは関係なく。このアプローチを紹介するデモは次のとおりです: [デモリンク]

以上がiOS7の背景画像のズームとぼやけの問題を解決する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。