Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.08.2015, 16:12
Аватар для Zuenf
Кандидат Javascript-наук
Отправить личное сообщение для Zuenf Посмотреть профиль Найти все сообщения от Zuenf
 
Регистрация: 27.01.2012
Сообщений: 134

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

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

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

Прошу помочь, у меня к сожалению нет айфона для проверки и нормального тестирования. Знаю есть вот такая штука, но для нее как я понял все равно нужен живой iphone.
Ответить с цитированием
  #2 (permalink)  
Старый 11.08.2015, 16:42
Аватар для Zuenf
Кандидат Javascript-наук
Отправить личное сообщение для Zuenf Посмотреть профиль Найти все сообщения от Zuenf
 
Регистрация: 27.01.2012
Сообщений: 134

1000р первому кто скажет как поправить, чтоб и в афонах выглядело норм.
Ответить с цитированием
  #3 (permalink)  
Старый 12.08.2015, 01:26
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

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

Последний раз редактировалось Deff, 12.08.2015 в 01:33.
Ответить с цитированием
  #4 (permalink)  
Старый 12.08.2015, 04:13
Аватар для Zuenf
Кандидат Javascript-наук
Отправить личное сообщение для Zuenf Посмотреть профиль Найти все сообщения от Zuenf
 
Регистрация: 27.01.2012
Сообщений: 134

Сообщение от Deff Посмотреть сообщение
Zuenf,
http://mobiletest.me/
Пример:
http://mobiletest.me/iphone_5_emulat...-v-iphone.html
Ага куча таких, их главная проблема, что они не учитывают всех тонкостей устройства. Я так понимаю они просто отправляют сайту данные что ты сидишь с этого устройства + разрешение. Как можно убедиться на этом сайте верстка выглядит норм, а на реальном айфоне будет криво.
Есть сервис правильной эмуляции https://www.browserstack.com/responsive (кнопка "Live Interactive Testing")

Но там меня забанили за кучу trial аккаунтов))
Ответить с цитированием
  #5 (permalink)  
Старый 13.08.2015, 01:43
Аватар для Zuenf
Кандидат Javascript-наук
Отправить личное сообщение для Zuenf Посмотреть профиль Найти все сообщения от Zuenf
 
Регистрация: 27.01.2012
Сообщений: 134

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ошибки верстки, едет верстка в IE9 Sanu0074 (X)HTML/CSS 3 01.04.2015 08:33
Верстка бесплатно (для моего портфолио) Alex_1986 Работа 0 21.04.2014 12:05
hover и iPhone RaftKorn Общие вопросы Javascript 3 24.10.2013 08:43
Использование JavaScript на платформах Android и iPhone monolithed Мобильный JavaScript 32 08.05.2012 14:17