background-size：カバーはアンドロイドのネイティブブラウザでは動作しません

background-size:coverを使用して、コンテナに背景イメージを収めようとしています。ここは私のバイオリンです：The Fiddle background-size：カバーはアンドロイドのネイティブブラウザでは動作しません

それはすべてのブラウザで動作しますが、Androidのネイティブブラウザでは動作しない.. 誰でも任意のソリューションをしてください持っていますか？ありがとう

多分あなたは％なしではなくピクセルでwitdhを設定する必要がcuzを、私は正しいAndroidが設定するには、画面上の幅に問題がある場合はremmeber cuzを、純粋な推測のthats。 –

あなたはすべての要素に対して％の代わりにpxを使うべきであることを意味しますか？ –

解決方法が見つからない場合は、CSSファイルスタイルから背景イメージを削除し、HTMLコードにインラインスタイルを使用しました。アンドロイドのネイティブブラウザの問題は解決されました。

フィドルが更新され、アンドロイドのネイティブブラウザで動作しています。

アンドロイドにも、このような背景のフォーマットを解析に問題があるようだ：

background: url('...') fixed center center/cover;

を、我々は背景画像形式の他人を分離し、インラインそれを使用して、各オプションを使用する必要があります別のCSSファイルで次のように入力します。

background-size: cover; 
background-position: center center;

2013-12-08 16:14:02

@ R.Bosmaは、便利な点として、コメントの内容に応じて、削除される可能性のある回答には、提案が追加されています。「バックグラウンドの添付ファイルを使用しない：固定します。そうでなければ、ローカルとスクロールは正常に動作するようです。 –

これは、 'body {...}'の代わりに 'html、body {...}'を使うときに役立ちました。 – Edward

残念ながら、background-sizeプロパティは古いバージョンでは完全にサポートされていませんAndroidのネイティブブラウザとAndroid用のChromeがあります。私はこれを発見するのに苦労しました。代わりに、値として「表紙」を使用するのは、次の操作を行います

background-size: 100% auto;

これはありませんが、あなたに「カバー」と同じ水平な感触を与え、その後、自動的に画像を持っていると仮定して、画像の高さを設定しているが固有の次元。

さらに読むために、detailed writeup from Sara Soueidanにダイビングすることをおすすめします。

2016-04-05 15:18:24 yonas

I背景サイズと同じ問題を抱えていた：カバー、画像は、デバイスの幅に適合し、下が白の背景であった、と私はこのCSSを使用して背景色を設定したとき、それが固定された：

background-color: #fff;

や速記：

background: #fff url('http://cdn.stupiddope.com/wp-content/uploads/2013/06/IMGP3540.jpg') no-repeat scroll center center/cover;

それは色、それは見えなくなりますので、あなたが選ぶ問題ではありません。

2016-09-11 20:19:31 jcubic

答えて