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.
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:
Then, you have to create the style sheet iphone.css containing the code to prevent the escalation of letters:
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!
Glad I've finally found something I agree with!