Home/ Questions/Q 8829545
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T07:51:27+00:00

I am using this viewport tag: <meta name=viewport content=width=device-width, initial-scale=1.0> However, the iPhone/iPad/Android devices

  • 0

I am using this viewport tag: 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

However, the iPhone/iPad/Android devices the page comes out much larger than the screen. I can only see the top left corner of the site. My web site is 900px wide.

Next I changed viewport to this: 

<meta name="viewport" content="width=device-width">

Now on the iPhone and maybe iPad it comes out okay with the content zoomed out so that it is filling the screen. I’m not sure about the iPad since I don’t have one of those to test with. On Android devices this change did nothing.

What is the correct way to set view port so that a site fills the browser width?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try adding target-densitydpi=device-dpi to your second example. This is Android specific and works with width=device-width to tell the device that you want the page to be scaled to fit at all device resolutions.

    • 0