Модальное окно bootstrap в мобильных браузерах
Имеется проблема отображения модального окна, созданного с использованием фрэймворка bootstrap, в мобильных браузерах.
То есть, в браузерах на компьютерах отображение модальных окон корректно, но, в мобильных версиях браузера, поверх модального окна всплывает какой-то, блокирующий весь доступ к сайту, блок.
Отследить, что это не получается так, как нет возможности просмотреть разметку в телефоне (либо я пока не нашёл способ).
В чём может быть проблема и где можно тестировать работу сайтов для телефонов (именно телефонов, а не проверять адаптивность вёрстки)?
На Вашем сайте в мобильной версии закрывает все окно блок:
<div class="modal-backdrop fade in"></div>
Почему так происходит - непонятно, в весь код лезть не охота.
Бороться с этим можно след. образом:
1) Удалить вовсе это блок ;)
2) Добавить media-queries запрос, где на мобильной версии окно будет
display:none
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
-
20:52
-
11:43
-
07:54
Какие существуют виды рекламных бордов и как выбрать подходящий?
-
20:34
-
05:36
-
21:11
-
14:43
- Почему SERVER_ADDR имеет не тот IP 47465 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30462 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23551 visits
- Как через css изменить цвет png изображения? 10321 visits
- Blob video url download 9930 visits
- Php curl запрос через прокси с авторизацией 9180 visits
- Работа с captcha vk api 8064 visits
© "hostciti.net" 03.10.2024 | 14:19