1

Modernizrを使用しbackground-sizeて、構築中のモバイル サイトの CSS3 プロパティがブラウザーでサポートされているかどうかを検出しています。

Opera 公式 Web サイトのOpera Mini 6 シミュレーターでサイトをテストしています。Modernizr はブラウザーがサポートしていることを検出し、それに応じて要素にクラス 'backgroundsize' を追加します。background-size<html>

ただしbackground-size、CSS でプロパティを使用すると、サポートされません。

ここに頭があります：

<script src="modernizr.js" type="text/javascript"></script>

<style>

body {
  background:url('background.gif') no-repeat 0 0 #FFF;
}

.backgroundsize body {
  -o-background-size: 100% auto;
  background-size: 100% auto;
}  

</style>

そして本体内容

<p>Content</p>   

<script>
if (Modernizr.backgroundsize == true) {alert("Background size is supported");}  
</script>

単一の背景画像がブラウザの幅全体に引き伸ばされることを期待していますが、代わりに繰り返します。ページはここで見ることができます - http://so.ajcw.com/mobile.htm

5 つのことのうちの 1 つが起こったと思います。理由を知っていて、解決策を提供できる人はいますか?

  1. Modernizr が正しく機能せず、誤検知が発生しました
  2. Opera Mini 6 が Modernizr に background-size をサポートしていないのにサポートしていると誤って伝える
  3. シミュレーターは正確なエミュレーションではなく、実際の Opera Mini は background-size をサポートしています
  4. コードを間違って書いた
  5. または、他の何か？
4

4 に答える 4

2

background-sizeOpera Mini ではサポートされていません

于 2011-10-13T04:21:54.627 に答える
1

事情が変わったようです。AndroidのOpera Mini 7.5の場合。

Modernizr.backgroundsize == true;

また、 と だけでなく、パーセンテージ値にも正しく応答しcoverますcontain。

于 2014-04-11T11:42:39.637 に答える