1

この CSS が Opera mini で機能しないのはなぜですか?

.gogogo{height:50px;width:100%;}
@media screen and (min-width:100px){
    .gogogo {background-color:red;}
}
@media screen and (min-width:320px){
    .gogogo {background-color:orangered;}
}
@media screen and (min-width:480px){
    .gogogo {background-color:orange;}
}
@media screen and (min-width:600px){
    .gogogo {background-color:yellowgreen;}
}
@media screen and (min-width:768px){
    .gogogo {background-color:green;}
}

HTML:

<div class="gogogo"></div>

JSFiddle、CSSDesk

このサイトは非常にうまく機能しているので、私はこの質問をしているだけではありません…解像度の検出などにjavascriptを使用している可能性がありますか? (ソース コードで見つけようとしましたが、検索に失敗しました。)

4

1 に答える 1

1

Opera Mini は、Opera サーバーでプリコンパイルされた「インテリジェント」イメージ (OBML) を受信するシン クライアントです。アドレスを入力すると、携帯電話のシン クライアントがアドレスを Opera サーバーに送信し、Opera サーバーが実際の HTTP リクエストを遠隔地のサーバーに送信します。その後、Opera サーバーは応答を受信し、イメージを作成してシン クライアントに送り返します。つまり、シン クライアントに到達する css、html、js はありません。OBML画像のみ。したがって、デバイスの向きを変更するときは、ページを再読み込みして有効にする必要があります。これは、帯域幅の節約 (80%) とデバイスでのライブ インタラクションの間のトレードオフです。

于 2012-06-29T17:51:39.243 に答える