Как сверстать фиксированный лайаут под iPad?

Question

[Castro]

Заказчик выдал мокап шириной 1024 px. Контентна часть — 768 px посредине, все остальное пустота. Он хочет чтобы при портретном лайауте просто убирались пустоты слева и справа и чтобы не масштабировалось ничего, ну а при ландшафтом — все как на мокапе. Страница простая — хедер с табами в 1024px как контент и футер — 768px. Все центрируется. Как такое проще всего реализовать? Есть примеры?

Спасибо

Comments

[SerDIDG]

HTML?

Answer 1

[anathem]

Если бы нарисовали, было бы проще понять… но вот пара вариантов:
1. Просто для разного разрешения, — разные варианты верстки, типа этого.
2. Просто контент 768 делать, отступы 0 Авто (что бы по центру выравнивалась). А навигацию не фиксировать в 1024, делая её 100%.

Comments

[Castro]

Спасибо, я к вечеру приаттачу, то наверное непонятно на словах

[anathem]

Не так?

[Castro]

Выглядеть будет вот так примерно. Табы — фоновая картинка и имеют именно такие горизонтальные полоски с обоих сторон, которые должны прятаться при ширине 768px

Answer 2

[Castro]

HTML сейчас пока что нет, структура любая, одноколоночный макет. Я идею понять пока что хочу

Comments

[SerDIDG]

Я имею ввиду этот будет веб сайт или iOs приложение?

[Castro]

Контент внутри UIWebView

Answer 3

[anathem]

Переделал, не так? :) Если что, исходники странички смотрите.

Comments

[anathem]

Или ТАК %)

[Castro]

К сожалению и то и другое скейлится и отображается одинаково

[anathem]

Попробуйте еще такой вариант. Или как ниже написали, не давать масштабировать.

Answer 4

[yurtaev]

Попробуйте:

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