使用離子框架的Android Hybrid App中文本看起來模糊且便宜

Question

我正在學習Ionic框架 （cordova之上的混合移動應用程序ui框架）。

我正在關注文檔並學習應用程序。

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

這是模糊的屏幕截圖。 請看一下。

為了進行更緊密的比較，我將背景色和前景色設為相同。

我沒有嘗試過文本陰影，也沒有嘗試刪除父元素上的所有轉換，但是在我的情況下沒有任何效果。

請幫我。

在需要的情況下....我正在使用Visual Studio 2013在Windows 8.1上進行工作，並針對混合移動應用程序使用ionic-framework。 我的設備是nexus 7 2012（android 4.4.4）

有人知道如何刪除此文本模糊問題嗎？

Answer 1

就我而言，我找到了以下解決此問題的方法：

1. 檢查代碼是否存在html錯誤（括號等）
2. 實驗您的CSS類，例如在離子含量上使用padding =“ true”而不是class =“ padding”解決了我的情況下的所有問題

Answer 2

我在自定義CSS中添加了以下代碼，該代碼有所幫助：

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

此轉換導致了問題：

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