1

We often test a Sencha Touch app in Chrome, and although the behaviour is not a problem, the visual display is.

What Overrides settings in Chrome's Developer Tools do I need to use to reproduce what it would look like an iOS or Android device? My focus here is on the font and rendering.

Edit: Here are two examples. The first is takes from iOS, and the second is from Chrome. Of course the sizes are different, but besides the sizes, you can see that the one in chrome is not rendering well.

enter image description here enter image description here

4

1 に答える 1

0

It turns out that the problem for this has nothing to do with Crome or Sencha Touch. It is the Mac OS "LCD font smoothing" that caused all the issues.

Go to System Preferances > General > Use LCD font smoothing when available and disable it. Restart Chrome, and everything is much better.

于 2013-01-30T15:17:58.797 に答える