Стиль jQuery datepicker не работает на мобильных устройствах

#javascript #css #jquery-ui #mobile #jquery-ui-datepicker

#javascript #css #jquery-пользовательский интерфейс #Мобильный #jquery-ui-datepicker

Вопрос:

У меня проблема со стилем jQuery UI datepicker. Я искал решение в стеке по этой проблеме, но по-прежнему безуспешно. На рабочем столе datepicker выглядит красиво, но когда я уменьшаю окно браузера до размера мобильного устройства, оно выходит из строя (и на моем смартфоне оно также сломано). Я попробовал этот выбор даты здесь: https://jqueryui.com/datepicker / и это прекрасно работает для маленьких экранов, так что, должно быть, что-то не так с моей веб-страницей. Поскольку код для веб-сайта является запутанным и сложным, я его не предоставляю, но если бы кто-нибудь мог дать мне совет, что может привести к такому поведению, это было бы очень полезно (кстати, таблицы также нарушаются, поэтому должна быть глобальная проблема со стилем). Любой намек приветствуется. Вот иллюстрация моей проблемы:

Правильный стиль для настольного браузера:

Исправьте стиль выбора даты для настольного браузера

Неработающий стиль для мобильных браузеров:

Неработающий стиль для мобильных браузеров

Комментарии:

1. На этот вопрос трудно ответить без какого-либо кода или примера. Если вы знакомы с css, я могу предложить вам проверить элементы в браузере на маленьком экране, чтобы увидеть, нашли ли вы какой-либо неверный @media запрос или неправильный стиль. Сообщите нам результат.

Ответ №1:

при использовании вашего телефона браузер должен понимать, что это поле является полем даты HTML5. Для хорошей визуализации вы можете использовать

Ответ №2:

Мне удалось решить проблему, избавившись от некоторого кода с ошибками в css шаблона, который отвечал за отзывчивость (шаблон был подготовлен сторонней компанией, поэтому они, должно быть, допустили здесь некоторые ошибки).