CSS for iPhone / Script


By default the iPhone scale the size of the letters, so these can be read easily; however, this often makes this letters overlap with other HTML elements ruining the look of the Web.

CSS for iPhone
Optimization
 

Prevent the escalation of letters

To avoid the escalation of letters in the iPhone we need to create a special style sheet:
First of all, identify if you are logging in with an iPhone changing the header in that way:


<link href="css/iphone.css" rel="stylesheet" type="text/css"
media="only screen and (max-device-width: 480px)"/>

Then, you have to create the style sheet iphone.css containing the code to prevent the escalation of letters:


/* file: iphone.css */
html {-webkit-text-size-adjust: none;}

Comments

Apr 11
Tawny
Glad I've finally found something I agree with!




 



Copyright © 2017 epictrim. All rights reserved.What we doOur WorkInsideIdeasJoin UsContact Us