Настройка: Я создал свое приложение Rails с rails new myapp --database=postgresql --webpack=react. Я установил Tailwind, используя yarn add tailwindcss. Я запускаю мое приложение с rails s и ./bin/webpack-devserver. На странице регистрации моего приложения я не использую реагировать, а просто использую стандартное представление Rails с Tailwind CSS.
Когда я запускаю страницу регистрации на localhost и устанавливаю область просмотра chrome dev tools равной Pixel 2XL, это выглядит следующим образом:
Однако, если я перезагрузлю страницу, макет полностью изменится. Меню расширяется и снова выглядит как совершенно не отвечающая страница:
Я открыл сайт в симуляторе iPhone и получил тот же результат. Я уверен, что проблема не в моем html, так как я скопировал, вставил окончательный код из этой статьи и получил тот же результат, что и в моем коде. Кто-нибудь знает, что происходит?