android - Android ブラウザが改行 (ASCII x0A) 文字を正しく処理しない

Question

ソース HTML に改行 (ASCII x0A) 文字がある場合、Android のブラウザは「ボックス」文字 ([] など) を表示します。

ブラウザーは、改行文字を空白として処理/レンダリングする必要があります。この問題は、デスクトップ ブラウザーや iOS Safari では発生しません。

原因を CSS ファイルの 1 つに特定しましたが、問題のあるコードをこれ以上絞り込むことはできません。どんな助けでも大歓迎です。私たちは困惑しています。文字エンコーディングの問題と font-family を調査しましたが、それらを変更しても問題は解決しませんでした。

スクリーンショット: http://haxway.com/mjm.jpeg
HTML: http://haxway.com/mjm.html
CSS: http://www.marijuana.com/styles/hathwaymobile/styles.css

ありがとう！

Answer 1

問題は、text-rendering: optimizelegibilityAndroid2.2および2.3で壊れていることです。

このバグを参照してください：http ：//code.google.com/p/android/issues/detail？id = 15067

このHTML：

<p style="text-rendering:optimizelegibility">
Webkit.
Android.
Oh no.

改行があるボックスでレンダリングされます。

2.2と2.3で起こります。1.6では発生しません。

このバグを説明するjsfiddle：http: //jsfiddle.net/therefromhere/huUcE/2/