How to make a fixed layout for iPad?

Question

iOS

The customer provided a mockup with a width of 1024 px. The content part is 768 px in the middle, everything else is empty. He wants that with a portrait layout, the voids on the left and right are simply removed and that nothing is scaled, but with a landscape, everything is like on a mockup. The page is simple - a header with 1024px tabs as content and a footer - 768px. Everything is centered. What is the easiest way to implement this? There are examples?

Thanks

Answer 1

If you drew it, it would be easier to understand ... but here are a couple of options:
1. Just for different resolutions - different layout options, like this.
2. Just make content 768, indent 0 Auto (what would be centered). And do not fix the navigation in 1024, making it 100%.

Answer 2

There is no HTML yet, any structure, single-column layout. I want to understand the idea

Answer 3

Changed it, didn't it ? :) If anything, look at the source code of the page.

Answer 4

Try:

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