+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Проблема с мобильной версией chrome

  1. #1
    eltorxid is on a distinguished road
    Регистрация
    03.09.2017
    Возраст
    30
    Сообщений
    1
    Вес репутации
    0

    По умолчанию Проблема с мобильной версией chrome

    В мобильных версиях 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 (157 байт, Просмотров: 4)

  2. По умолчанию

     
    Хотите избавиться от рекламы? Зарегистрируйтесь
  3. #2
    Administrator Админ
    system architect
    AiK is on a distinguished road Аватар для AiK
    Регистрация
    13.02.2004
    Адрес
    СПб
    Сообщений
    2,296
    Вес репутации
    80

    По умолчанию Re: Проблема с мобильной версией chrome

    Варианты:
    1. Использовать min-height 100%
    2. Менять высоту динамически, с помощью JavaScript.
    Даже самый дурацкий замысел можно воплотить мастерски

+ Ответить в теме

Похожие темы

  1. Помогите! Проблема с формой, Проблема заключается в том что при выборе нескольких
    Если выбираю несколько объектов в данном случае на схеме метро г.Москвы. Нажимаю кнопочку отправить то в виде обычной переменной мне выводится какие...
    от nikolay915137 в разделе Java
  2. В чем тут проблема?
    Приветствую всех! Прошу помощи в поиске ошибки в: <?php $db = mysql_connect('localhost','***','***'); mysql_select_db('avasiru_forwork',$db); ...
    от avasiru в разделе Perl, PHP, ASP ...
  3. Проблема с DNS в IIS.
    Здравствуйте! Имею подобную проблему При использовании file('http://domain.com/script.php?a=1') получаю ошибку Warning: php_network_getaddresses:...
    от dimas09 в разделе Apache, IIS...
  4. проблема с rmi
    начал изучать rmi. Создал проект в нём package Server и там файл LoginControlImpl. Работаю на эклипсе. Когда делаю save в эклипсе создаётся файл...
    от michael в разделе Java
  5. Проблема с IE
    У меня стоит IE6. Проблема в том, что когда я окрываю IE, открывается еще одно окно с IE и заходит на каой-то сайт. Это происходит и в автономном...
    от Awakener в разделе Операционные системы

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения