2014-06-30 71 views
2

我學習Ionic Framework(在科爾多瓦的頂部混合移動應用程序的UI框架)看起來模糊和廉價的在Android中的混合應用。文本使用離子框架

我正在關注文檔和學習應用。

我在android中發現了文本模糊問題。一些文字看起來很清晰,一些文字變得模糊。我正在通過Windows 8上的Chrome開發人員工具調試移動Web視圖和移動Chrome。

這裏是blur的屏幕截圖。請看一下。 Image Using Google Chrome On Nexus 7 screen 1

For make Closer Comparison我做了相同的背景顏色和相同的前景color.here這個圖像。 Image Using Google Chrome On Nexus 7 screen 2

我已經試過文字陰影沒有,還試圖消除對父元素的任何轉換,但沒有我的情況下工作。

請幫幫我。

在需要的情況下....我在視窗8.1工作使用視覺工作室2013 和使用用於混合移動應用離子的框架。我的設備是nexus 7 2012(android 4.4.4)

任何人都有想法我該如何刪除此文本模糊問題?

+0

同樣在這裏。你有什麼解決方案嗎? – vzhen

+0

@vzhen如果你應用translate z(0),那麼問題就來了。如果刪除翻譯z,然後它回來清除,但我們無法刪除離子框架/ cordova上的transalate z –

+0

您是否發現了離子框架的這個問題的任何解決方案? – Klapsa2503

回答

4

在我的情況,我發現這個問題的以下解決方案:使用填充了HTML錯誤

  1. 校驗碼(括號等)
  2. 實驗用你的CSS類,例如=「真「而不是類=」上離子含量,在我的情況下,所有的問題填充」
+0

這就是我的。謝謝 –

2

我下面的代碼添加到自定義CSS這幫助:

div.scroll.padding { 
     -webkit-transform: initial !important; 
} 

這種轉變導致的問題:

-webkit-transform: translate3d(0px, 0px, 0px) scale(1);