Я развернул свое веб-приложение (на данный момент это всего лишь несколько шаблонов с js и css) на aws эластичный beanstalk, и веб-сайт запущен и работает.
Я использовал предопределенную тему для макетавеб-сайт с адаптивным дизайном.
На компьютере dekstop веб-сайт выглядит хорошо, даже если я вручную изменил размер окна.В каждом разрешении это выглядит великолепно!Каждый значок и изображение загружаются идеально.
Теперь, если я хочу посмотреть веб-сайт на своем смартфоне (мобильном устройстве), он начинает "набирать обороты".Он добавляет белую полосу под стартовой страницей и в разных браузерах просто смешивает некоторые элементы div, отображая их вверху страницы, а не внизу.Некоторые значки также отображаются неправильно.
Я пробовал разные браузеры для настольного ПК, все хорошо.На смартфоне у меня проблемы во всех браузерах.
Я проверил веб-сайт (www.meyn-computer-lotse.de) на http://www.mobilephoneemulator.com/ и там веб-сайт также отображается отлично.
Я просто не могу найти свою ошибку ...
Теперь у меня есть два вопроса: 1. Есть ли на мобильном устройстве простой способ поиска правил CSS для веб-сайта, потому что на рабочем столеЯ могу легко найти применяемые правила.2. Нужно ли указывать что-то в django или aws эластичный бобовый стебель для мобильного устройства?
Любая помощь приветствуется.