Trembling text on iPhone Trembling text on iPhone wordpress wordpress

Trembling text on iPhone


I've never experienced that kind of issue before.However, here you have two solutions.

Solution #1

Adding the following to the css should prevent the font from resizing.

html {  -webkit-text-size-adjust:none;}

Since it seems to only be an issue on iPhone it would make sense to target only that terminal with media queries:

@media only screen and (max-device-width: 960px) {   html {     -webkit-text-size-adjust:none;   }}

Instead of applying this to html you could add it to #breadcrumb, .post-meta and other selectors that has the same resizing issue.

Solution #2

The issue also seems to be related to the following ruleset:

a,.textwidget a img,div.category a,.sociable ul li {  -webkit-transition: all .3s ease;  -khtml-transition: all .3s ease;  -moz-transition: all .3s ease;  -ms-transition: all .3s ease;  -o-transition: all .3s ease;  transition: all .3s ease;}

changing that into:

@media only screen and (max-device-width: 960px) {   a,  .textwidget a img,  div.category a,  .sociable ul li {    -webkit-transition: none;    transition: none;  }}

will also solve the issue.

In your case I would have chosen solution #2, since solution #1 shrinks the text size of the targeted elements.