Home/ Questions/Q 8108005
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T00:57:31+00:00

I have a project that is displaying 16px text font at 0.5ems links on

  • 0

I have a project that is displaying 16px text font at 0.5ems links on the iPhone perfectly fine.

However, when I switch to an Android browser, the text font enlarges itself and my positioning of the links are screwed.

My links are in a 

<p><a>[Link]</a></p>

statement.

Is there any way to prevent the Android text from resizing itself? Or is there a better solution to this?

EDIT:

I just realised the android browser doesn’t allow for auto scrolling as well. Why is this so? Aren’t both the iPhone and Android browsers using webkits as its base? Why are they so different even though they use the same technology? Are there any extra attributes i should declare in CSS for it to work the same as the Safari counterpart?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I had a similar problem as well. I had a design that was designed specifically for the Retina display, but the retina display actually has a pixel density of 2, so a pixel isn’t necessarily a pixel (non retina iphone pixel width: 320px, retina: 640px).

    To fix that, I put this in the <head>: <meta name='viewport' content='width=device-width, initial-scale=.5, maximum-scale=.5'> so that a normal phone will scale as I expect, and the retina display would scale appropriately (half scale).

    I’m not sure what kind of design you’re using, but I’d play around with the initial-scale and maximum-scale, try both .5 and 1 and see what you get.

    • 0