1

Android のさまざまなブラウザーでいくつかのメディア クエリをテストしたところ、Samsung Galaxy S の Opera Mini 6.5 が次のコード内でスタイルを適用していないようです。

@media screen and (min-width: 320px){

値を 282 に下げると、Opera Mini はメディア クエリ内のスタイルを実行するようです。

@media screen and (min-width: 282px){

Opera Mini が Android フォンでメディア クエリを正しく処理しないという問題に遭遇した人は他にいないかと思います。Android でテストした他のすべてのブラウザーは、iOS デバイスでの Opera Mini のテストと同様に、min-width:320px で正常に動作するように見えました。

ビューポート メタ タグのバリエーションを確認するために、いくつかのテスト ページを設定しました。

h5bp モバイル 2 メタ タグ - goo.gl/XfEVx

最大スケールが 1.0 に設定された h5bp Mobile 2 メタ タグ - goo.gl/mgKJA

h5bp モバイル 3 メタ タグ - goo.gl/uxPsa

最大縮尺が 1.0 に設定された h5bp Mobile 2 メタ タグと Opera CSS ビューポート タグ - goo.gl/McNhj

ビューポート メタ タグのみ - goo.gl/QMnmp

この問題は、Opera Mini 6.5 の縦向きの Samsung Galaxy S Epic 4G で発生しました。

4

2 に答える 2

2

Opera docsによると、Opera Mini 6.5 は Media Query とPresto 2.8の使用をサポートしています。Presto 2.8でのメディア クエリのサポートは完了したようです。

initialスケールで遊んでみましたか、それともdevice-width

<meta name="viewport" content="width=device-width"/>

また

initial-scale=1.0

Opera のバグ レポートを検索しましたが、これに関連するものは見つかりませんでした。さらにテストできるように、Web ページへのリンクを教えてください。

于 2012-02-14T14:51:11.143 に答える
1

Opera と IE9 のすべてのバージョンで同じ問題が発生しますか? Modernizr と Respond.js を使用していますか? 私は非常によく似た問題を抱えていました.Respond.jsがソースでした.

http://www.initializr.com/を介して Modernizr と Respond.js を単一のファイルにバンドルすることで解決しました。

たぶんこれが役立ちます。

于 2012-04-05T13:29:20.830 に答える