2011-01-25 33 views
0

私はjquerymobileフレームワークを使用してアプリケーションを開発しています。私はすべての画面で背景イメージを設定する必要があります。しかし、画像のサイズはモバイルごとに異なります。私は、iPhoneの画面サイズに基づいて画像を持っています。背景画像

画像の幅と高さを設定するには、ブラウザのレスポンスに基づいてコントロールしますか? 実行時にブラウザの画面解像度を検出する方法は?

私は試してみましたが、それもうまくいきませんでした。私は繰り返し属性を使いたいとは思わないでください。

添付ファイルを参照してください。事前に

おかげ

enter image description here

enter image description here enter image description here

enter image description here

答えて

2
-webkit-background-size: 100% auto; 

はトリック

+0

ああを行うと、もちろんそこにあるはずです-o-background-size、-moz-background-size、-khtml-background-size – roman

+0

こんにちはローマン、私は上記のことを試みました。しかし、それはオペラのモバイルでは動作しません。他はうまくいきます。これを解決するには? – Finder

+0

背景サイズ(接頭辞なし)も追加しましたか?そのオペラはすでに背景サイズの実験用プレフィックスを落とした – roman