html - Is there a meta tag I can use to make sure my website scales down to fit the iPad viewport? -


Actually I have a site at this time which is 940 px in width, at the moment I should be able to see this site on the iPad As long as I start adding media queries to tailor the site to every device, is there a meta tag that I can use so that there is a scale of my site on the iPad?

I will use it:

     

This sets the width and height to the width and height of the device, sets the initial zoom to 1, and max zoom 1 (hence the page is not zoomable).

Edit: If you want the page to be zoomable now, delete Maximum-scale = 1 :

  & lt; Meta name = "viewport" content = "width = device-width, height = device-height, initial-scale = 1" />    

Comments