Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 03.09.2017, 20:47   #1
eltorxid
Новичок
Джуниор
 
Регистрация: 03.09.2017
Сообщений: 1
По умолчанию Адаптация страницы под мобильный chrome и yandex

В мобильных версиях chrome и yandex стили ведут себя по разному из-за того что chrome отбирает от высоты экрана устройства 56px под навигационную панель сверху.

А yandex-нет. Он игнорирует навигационную панель и расстягивает блок по всей высоте устройства.
В связи с этим возникла проблема в разработке.

Нужно под яндекс браузер и хром отдельно стили прописать.

Пример проблемы:

В случае с chrome используется следующее правило

.div {
height: calc(100vh - 56px);
}

такое правило растягивает на весь экран устройства в chrome.
*56px - это высота навигационной панели сверху браузера, но оно не подойдет для yandex браузера, т.к. внизу экрана останется пустой пробел высотой в эти 56px.

для yandex браузера, firefox, opera подойдет только такое правило

.div {
height: 100vh;
}

Использование css хаков не помогает
Как решить данную проблему?
Изображения
Тип файла: jpg error.jpg (105.9 Кб, 130 просмотров)
eltorxid вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Адаптация сайта под мобильные устройства 1ndependent Фриланс 1 25.11.2016 21:53
Адаптация шаблона под dle 11.0 @priest HTML и CSS 0 20.04.2016 22:28
адаптация сайта под боаузеры Pavlov_yu HTML и CSS 5 02.02.2015 11:46
адаптация SQL запрос под wordpress Grinder88 WordPress и другие CMS 0 02.09.2012 12:26
Не работает мобильный вид страницы Osanve HTML и CSS 1 16.08.2011 16:46