Android顯示矩形而不是空白

我有一個Android瀏覽器重複出現的問題。這是一個手機網站不是一個web視圖。事情Android顯示矩形而不是空白

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

簡單渲染精細到處但在Android上，在列表項之間，我得到一張小小的長方形，（想在這個字體矩形沒有找到字符）之間。我只能假設，在我的代碼中有一個換行符或空格字符，這些字符在任何地方都可以識別，但對於Android來說。它非常煩人，我還沒有找到關於這個問題的任何文件。有時候，我不得不訴諸'耶穌魚'黑客來擺脫它。對於那些誰不知道這個破解它從IE6的處理空白和換行的老最後一招破解這個樣子的：

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

我使用的IntelliJ IDE是否有幫助。有誰知道爲什麼會發生這種情況？

來源

2012-01-10 Fresheyeball

我有同樣的問題。很奇怪。 – mrbinky3000 2012-03-22 17:35:51

你在使用Foundation js包嗎？ – RightHandedMonkey 2013-06-12 12:14:30

@RightHandedMonkey no。至少可以想象，基金會使用違規的CSS。 – Fresheyeball 2013-06-12 15:15:12

真正正確的答案是 ...

檢查你的CSS規則。如果您有text-rendering:optimizeLegibility，那麼這些框只會出現在Android設備中。

我想通過將我的css文件分成一半，然後再一半，直到盒子消失，我想到了這一點。縮小了CSS中的位置後，我重新添加了我刪除的最後一位，然後一次刪除了一個規則。最終我遇到了違規的CSS規則並進一步縮小了規則。所以，簡而言之，這是正確的答案。請投票給我！

查看之前：

Droid screen capture of offending little squares

犯規CSS：

Screen Capture of Offending CSS

規則後刪除：

enter image description here

還有這個在谷歌的錯誤報告： http://code.google.com/p/android/issues/detail?id=15067&q=text-rendering&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars

來源

2012-03-22 18:16:12 mrbinky3000

我不能夠感謝你。乾杯! – muffs 2012-04-03 18:04:20

好的發現這個特別難以追查。感謝谷歌。 – thepk 2013-04-23 20:37:59

嘗試在記事本或記事本++上編輯相同的文件（修復刪除列表之間的所有空間），並添加間隔和標識再次驗證，可能您的IDE正在添加一些字符。

如果您有記事本++，則可能需要使用編碼菜單將其轉換爲UTF-8，並將字符集定義添加到文檔的添加中。

來源

2012-01-10 02:38:28

Android顯示矩形而不是空白

回答

相關問題