Strange artifacts in rendered html


#1

Hi,

When I run my app on my mobile (HTC One S) I notice that there are artifacts in the result.
For example, some lines in a list are 2 px wide instead of 1 px and there are sometimes gaps in the lines. Or the outline of the ellipse of the ION-TOGGLE looks rotated by 1px. The top ‘jumps’ 1 px up around 50% of its width.
Sometimes the letters miss pixels in them.
I’ve never noticed this in another app on my phone, so I am not sure this is related to my phone. But perhaps it is.

Did someone encounter the same (and perhaps knows a way to prevent this)? Or should I buy a new phone :wink: ?

UPDATE:
When I modify the scales and user-scalable of the viewport tag the artifacts are gone.

<meta name="viewport" content="initial-scale=1.1, maximum-scale=1.1, user-scalable=yes, width=device-width">

Can this cause other problems or is this save to do?

Thanks,
Ton