Chrome バージョン: 25.0.1364.123 | オペレーティング システム: アンドロイド
Chrome for Android は、高密度ピクセル ディスプレイ上で css バックグラウンド SVG と img タグ SVG を恐ろしくレンダリングします。GS3 と Nexus 7 の両方で問題が発生しています。
ラスター画像のように SVG を出力するのはなぜですか? SVG を 4 倍大きく保存して、幅と高さの属性を imgs に設定し、CSS でサイズを変更しようとしましたが、まだうまくいきません。
SVG をインラインに配置できることはわかっていますが、インライン SVG は IE8 以下のサイトを完全に破壊します。そして、このバグを補うために複数のメディア クエリと異なるサイズの png を使用することを拒否します。
スクリーンショットをいくつか添付しました。1 つは Chrome から、もう 1 つはネイティブのデフォルト ブラウザからのものです。デフォルトのブラウザは、Chrome と比較して、バックグラウンド SVG を適切に処理しているようです。一方で、Firefox のスクリーンショットも添付しました。Gecko ではこれを処理できるのに、Android の Webkit では処理できないのはなぜですか? iPad 3 の Chrome がすべてを処理してくれるので、Webkit が悪いと言っているわけではありません。ここで画面を見てください：