ЦЕЛЬ:
Стилизовать интерфейс чата на мобильных устройствах.
ПРОБЛЕМА.
Я собрал экспериментальную версию чат-бота. Все очень просто, включая JS и CSS. Хотя у меня также есть отдельная проблема с JS (я думаю), это моя проблема с CSS.
Во время разработки я тестировал в FF и Chrome и уменьшал размеры браузеров, чтобы имитировать работу мобильного браузера.
Все медиа-запросы CSS действовали, как ожидалось.
Тем не менее ... на любом мобильном устройстве, которое мы тестируем, размер, указанный в медиа-запросах CSS, не действует, и нам остается увеличивать масштаб.
ПРИМЕР:
temp.mosaranch.com/chatbot-tester
ВОПРОС:
Почему мобильные браузеры могут не обрабатывать определенные правила CSS для медиа-запросов, а правила применяются при уменьшении масштаба в браузере настольного компьютера?