Почему сайт не умещается в iPad даже при масштабировании?

Question

[ProstoAndrei]

По каким-то причинам сайт не влезает в окно браузера на Ipad.
Вот ссылка: uface.ru/pages/about
Проблема именно в том, что он не влезает даже при масштабировании.
В чем может быть дело?

Comments

[ProstoAndrei]

Немного введу дополнение.
uface.ru
По ссылке выше проблемы нет. И проблема только на IOS ус-вах.

Answer 1

[Игорь Пушкарский]

Добрый день!

А зачем вы прописали width: 1050px; для body?
Попробуйте поставить width: 100%;

body {
    min-height: 100%;
    position: relative;
    color: #6C6B6B;
    width: 1050px;
    margin: 0 auto;
}

Comments

[ProstoAndrei]

День добрый!

Изначально так и было. Наивно полагал, что фикс. ширина поможет делу, но нет.

[Игорь Пушкарский]

Я так понял у Вас просто появляется скрол ? Какое разрешение IPada?

[ProstoAndrei]

1024*768. Ipad 2.

Не совсем, но близко:
Есть гор. скрол, но не как обычно, выходящий за края сайта. Сайт по ширине адекватный. Сайт просто напросто невозможно отмасштабировать таким образом, чтобы он уместился весь на экране. И только на IOS ус-вах, и только на некоторых страницах.

[Игорь Пушкарский]

Случай не Retina экран?

[Alexander Mischuk]

та вы шо, какая ретина на яблочной продукции

[Игорь Пушкарский]

Странно открыл в эмуляторе вижу 2 класса задающих равную ширину 1050px когда разрешение у тебя всего 1024px плюс нужно учесть что у браузера есть еще и бордюры.

В общем поставил для элемента body{width:100%} и для блока .wrapper { width: 1000px;}

Все скролы пропали.

[Игорь Пушкарский]

Например вот такая market.yandex.ru/model.xml?modelid=10546225&hid=6427100

[ProstoAndrei]

@RainMEN , вы были правы. Без моего ведома вносили правки в верстку и расширяли сайт + на некоторых страницах заказчик недобросовестно заполнял контент.

Извиняюсь за столько долгий ответ.

[Игорь Пушкарский]

Всегда пожалуйста ^_^

Answer 2

[Blah Blag]

А ты вивпорты в мета тегах прописал?

Comments

[ProstoAndrei]

Пробовал уже:

Это не помогало, но сейчас добавил на всякий случай, чтобы этот вариант не отсечь.

Answer 3

[danildrugov]

Вот здесь, про это хорошо написано
frontender.com.ua/mobile-web/wtf-viewport

Comments

[ProstoAndrei]

За ссылку спасибо, хороший материал, но это не то всё же. Viewport укажет как показывать по-умолчанию, мой же контент не влезает даже при максимальном отдалении. И только на IOS мобильных ус-вах. На Андроиде во всех браузерах проблемы нет.

Answer 4

[q1t]

не влезает потому-что ширина фиксированная.
viewport не выход если хотите что-бы правильно масштабировалось в обоих режимах, думаю нужно править врестку

Comments

[ProstoAndrei]

Фикс. и сделаны в попытке исправить положение. По-умолчанию фикс. была только обёртка.

Answer 5

[Alexander Mischuk]

Достаточно указать meta name="viewport" content="width=device-width" , a вот initial-scale уберите. Это из-за него проблемы.

Зачем всю страницу оборачивать тегом form?

Comments

[ProstoAndrei]

Уже вроде пробовал, как принесут IPad на работе, ещё раз проверю. Scale убрал.

По поводу ...:
Это ASP.NET WebForms. Там всегда так.