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

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;}


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


Copyright © 2021 Epictrim. All rights reserved.What we doOur WorkInsideIdeasJoin UsContact Us