Javascript-форум (https://javascript.ru/forum/)
-   Мобильный JavaScript (https://javascript.ru/forum/mobile/)
-   -   Едет верстка в iphone (https://javascript.ru/forum/mobile/57602-edet-verstka-v-iphone.html)

Zuenf 11.08.2015 16:12

Едет верстка в iphone
 
При добавлении нового сообщения на этой странице - http://test.ur-pro.ru/chat-page.php едет верстка в iphone(5s ios7), причем на android, windows phone, а так же в шестых айфонах все работает как надо.

Для прокрутки области сообщений стоит https://github.com/wieringen/tinyscrollbar .
Он изменяет позиционирование блока просто вычисляя его высоту и зная к какой из сторон должен быть прижат блок.
В моем случае он прижимает к низу изменяя свойство top.

У родительского блока высота задана абсолютным позиционированием и заданными top и bottom. Но почему-то он растягивается вниз при добавлении сообщений.

Прошу помочь, у меня к сожалению нет айфона для проверки и нормального тестирования. Знаю есть вот такая штука, но для нее как я понял все равно нужен живой iphone.

Zuenf 11.08.2015 16:42

1000р первому кто скажет как поправить, чтоб и в афонах выглядело норм.

Deff 12.08.2015 01:26

Zuenf,
http://mobiletest.me/
Пример:
http://mobiletest.me/iphone_5_emulat...-v-iphone.html

Zuenf 12.08.2015 04:13

Цитата:

Сообщение от Deff (Сообщение 383765)

Ага куча таких, их главная проблема, что они не учитывают всех тонкостей устройства. Я так понимаю они просто отправляют сайту данные что ты сидишь с этого устройства + разрешение. Как можно убедиться на этом сайте верстка выглядит норм, а на реальном айфоне будет криво.
Есть сервис правильной эмуляции https://www.browserstack.com/responsive (кнопка "Live Interactive Testing")

Но там меня забанили за кучу trial аккаунтов))

Zuenf 13.08.2015 01:43

Задача отменяется. Буду переверстывать полностью.


Часовой пояс GMT +3, время: 03:24.