Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Aдаптацией под мобильный chrome 
:(
    Опции темы
eltorxid
Дата 3.9.2017, 21:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 3.9.2017

Репутация: нет
Всего: нет



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

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

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

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

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

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

.div {
   height: 100vh; 
}

Использование css хаков не помогает
Как решить данную проблему?


Присоединённый файл ( Кол-во скачиваний: 1 )
Присоединённый файл  error.jpg 434,94 Kb
PM MAIL   Вверх
Security
Дата 21.8.2018, 19:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 21.8.2018

Репутация: нет
Всего: нет



I need Help!
<head>
<p><img src="https://.jpg" alt="Баньки" width="1000" height="500" align="middle""center"></p> 
    <p><img src="https://.jpg" alt="Бассейн" width="1000" height="500" align="middle""center"></p>
    <p><img src="https://.jpg" alt="Баня" width="1000" height="500" align="middle""center"></p>
    <p><img src="https://.jpg" alt="Ресторан" width="1000" height="500" align="middle""center"></p>
    <p><img src="https://.jpg" alt="Номер новобрачных" width="1000" height="500" align="middle""center"></p>
</head>


Как адаптировать под мобильный, если фотографии загружаются по ссылке с интернета//
Это мой первый сайт. Все остальное работает замечательно. Гуглу нравиться
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0979 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.