0

According to my client, this page I made for him appears "zoomed in" when viewed for the first time on his smartphone (not on mine though), forcing him to zoom out.

In the meta tags I used:

<meta name="viewport" content="width=1050, initial-scale=1,maximum-scale=1">

Is there a way to make sure the page will be displayed entirely on any smartphone without the need to zoom out?

pimpo
  • 440
  • 2
  • 9
drake035
  • 3,955
  • 41
  • 119
  • 229
  • the top answer here should help: http://stackoverflow.com/questions/1230019/how-to-set-viewport-meta-for-iphone-that-handles-rotation-properly – wrossmck Mar 30 '14 at 17:46

1 Answers1

0

The problem is the width=1050 part. If the mobile display is narrower than that, the page will be zoomed-in. Also, you need to set a minimum-scale value.

Try with:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

If your content needs to be 1050px wide, then I'm afraid it's not ready for mobile.

Update after reading the comment to the original answer

Ok, then you need to change the initial-scale value in your original code.

Community
  • 1
  • 1
tompave
  • 11,952
  • 7
  • 37
  • 63
  • I don't want the page to me mobile friendly. I want it to be displayed in its entirety on the smartphone screen, with the user having to zoom IN (not OUT) to read normal sized characters. – drake035 Mar 31 '14 at 08:46