Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
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.
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 availableand disable it. Restart Chrome, and everything is much better.