| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Aдаптацией под мобильный chrome |
| Автор: eltorxid 3.9.2017, 21:03 |
| В мобильных версиях chrome и yandex стили ведут себя по разному из-за того что chrome отбирает от высоты экрана устройства 56px под навигационную панель сверху. А yandex-нет. Он игнорирует навигационную панель и расстягивает блок по всей высоте устройства. В связи с этим возникла проблема в разработке. Нужно под яндекс браузер и хром отдельно стили прописать. Пример проблемы: В случае с chrome используется следующее правило .div { height: calc(100vh - 56px); } такое правило растягивает на весь экран устройства в chrome. *56px - это высота навигационной панели сверху браузера, но оно не подойдет для yandex браузера, т.к. внизу экрана останется пустой пробел высотой в эти 56px. для yandex браузера, firefox, opera подойдет только такое правило .div { height: 100vh; } Использование css хаков не помогает Как решить данную проблему? |
| Автор: Security 21.8.2018, 19:56 |
| 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> Как адаптировать под мобильный, если фотографии загружаются по ссылке с интернета// Это мой первый сайт. Все остальное работает замечательно. Гуглу нравиться |