Question

I’m trying to make a responsive design work for portrait mode on an android tablet. The issue I’m getting is it doesn’t load to fit the page of portrait mode. It loads a larger size of the width and then when I switch to landscape it fits correctly. Then when I switch back to portrait I get a zoomed out version that fits the page. Here is a basic example of what I mean http://playground.fameordie.com. How can I make this page load to fit portrait mode keeping the aspect of the actual page?

Answer 1

You need to add the following to the

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

If you want users to be able to double tap to zoom (recommended) then omit the maximum-scale item

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