Androidは空白の代わりに長方形を表示します

Question

Androidブラウザに再発する問題があります。これはモバイルウェブサイトではなくウェブビューです。

<li> 
     Some Text 
    </li> 
    <li> 
     Some Text 
    </li> 

のような単純なものはどこにでも細かいレンダリングしますが、リスト項目の間、私はそれらの間（このフォントの長方形に見つからない文字のような）少し四角形を取得アンドロイド、インチ私のコードでは、どこでもAndroidとして認識される改行または空白文字があると仮定することしかできません。その非常に迷惑なと私はまだその件に関するすべてのドキュメントを見つける必要があります。時折、私はそれを取り除くために「Jesus Fish」ハックに頼らざるを得ません。それは場合に役立ちます

<li>something</li 
    ><li>something</li 
    ><li>something</li> 

私はIntelliJのIDEを使用しています：これは空白のIE6の取り扱いからその古い最後をハック知っていると、改行がハックしていない人のために、このようになります。なぜこのようなことが起こるのか誰にも分かりますか？

Answer 1

本当の正解がです...

は、あなたのCSSルールを確認してください。 text-rendering:optimizeLegibilityがある場合、ボックスはAndroid搭載端末にのみ表示されます。

私は、ボックスが消えるまで、半分に、次に半分に、私のCSSファイルをチョッピングすることでこれを理解しました。 CSSの位置を絞り込んだので、最後に削除したビットを追加してから、一度に1つずつルールを削除しました。最終的に私は不快なCSSルールにぶつかり、それをさらに絞り込んだ。だから、一言で言えば、これは正解です。私を投票してください！表示する前に

：

問題のCSS：

ルールを削除した後：

もありますGoogleのこのバグレポート： http://code.google.com/p/android/issues/detail?id=15067&q=text-rendering&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars

Answer 2

メモ帳またはメモ帳++で同じファイル（リスト間のすべての空白を削除する）を編集して、スペースとidentを追加してもう一度ane verifyを実行してください。

メモ帳++をお持ちの場合は、エンコードメニューを使用してUTF-8に変換し、文書の追加に文字セット定義を追加することもできます。