Android visualizza il rettangolo invece dello spazio bianco

Question

Ho un problema ricorrente con il browser Android. Questo è un sito web per cellulari NON una visualizzazione web. Le cose semplici come

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

Renders bene ovunque, ma in Android, dove tra le voci di elenco ho un piccolo rettangolo, (come il personaggio non si trovano in questo tipo di carattere rettangolo) tra di loro. Posso solo supporre che nel mio codice ci sia un carattere di interruzione di linea o spazio bianco riconosciuto come tale ovunque, ma per Android. È molto fastidioso e devo ancora trovare alcuna documentazione sull'argomento. Occasionalmente devo ricorrere al trucco "Jesus Fish" per sbarazzarmene. Per coloro che non conoscono questo hack è un vecchio ultima istanza dalla movimentazione di IE6 di spazi e interruzioni di linea incidere si presenta così:

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

Sto usando IntelliJ IDE se questo aiuta. Qualcuno ha qualche idea del perché questo si verifica?

Answer 1

La vera risposta corretta è ...

Controlla le regole CSS. Se disponi di text-rendering:optimizeLegibility, le caselle vengono visualizzate SOLO nei dispositivi Android.

L'ho capito tagliando il mio file css a metà, poi ancora a metà e così via fino a quando le caselle non sono scomparse. Dopo aver ristretto la posizione nel CSS, ho aggiunto di nuovo l'ultimo bit eliminato e ho eliminato le regole una alla volta. Alla fine ho colpito la regola CSS offensiva e l'ho ristretto ulteriormente. Quindi, in poche parole, questa è la risposta corretta. Per favore votami!

Prima Vista:

Offending CSS:

Dopo Regola Rimosso:

C'è anche questo bug report su Google: http://code.google.com/p/android/issues/detail?id=15067&q=text-rendering&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars

Answer 2

Provare a modificare lo stesso file (con la correzione che elimina TUTTO lo spazio tra gli elenchi) su Blocco note o Blocco note ++ e aggiungere la spaziatura e l'identità con esso e verificare nuovamente, probabilmente l'IDE sta aggiungendo qualche carattere.

Se si dispone di Notepad ++, è possibile convertirlo in UTF-8 utilizzando il menu Codifica, inoltre aggiungere la definizione del set di caratteri all'aggiunta del documento.