Не работают media-запросы

Здравствуйте. Возникла проблема: не работают медиа-запросы. Когда меняешь в браузере в консоле разработчика размер окна, то все работает отлично, когда делаешь тоже самое на хостинге с компа, тоже все ок, но на мобиле вообще ничего

https://github.com/Phontaniwe/Problem – код

Проверьте путь к css с медиа-выражениями
сейчас этот файл лежит в корне, вместе с индексным файлом,
но при этом путь к нему в index.html прописан
href=“media/media.css”

на хостинге можно открыть консоль и посмотреть ошибки
не называйте директории заглавными буквами “Problem”, “Phontaniwe” - это bad practice

У меня на компьютере файл лежит в папке “media”, с этим все окей. Есть догадки, что все дело в кеше и на самом деле сайт нормально отображается, но я вроде удалил кеш с телефона и ничего
http://test.webmicron.ru/

Открыла с телефона, всё корректно.

P.S. Поле textarea в форме “задать вопрос” выглядит не до конца стилизованным. Шрифт не тот и рамка сверху присутствует.

Вы не используете normalize.css ?

1 лайк

На моем вот так выглядит

Тут поле тоже “уехало”…

Если будет желание и возможность, сходите на интенсив. Сразу разберетесь с некоторыми проблемами отображения. И про подключение шрифтов узнаете подробнее (это не такой простой вопрос как кажется на 1 взгляд) и про дефолтные браузерные стили, которые надо перекрывать, и про многое другое. А чуть погодя, можно будет заняться адаптивностью и медиа-выражениями.

1 лайк

Здравствуйте. Может и мне кто-нибудь подскажет. Мой медиа запрос, который должен был адаптировать мой сайт profangar.com перестал работать. Именно перестал. То есть сначала работал отлично. Заходил с разных смартфонов и сайт подстраивался под ширину устройства. Но теперь с какого телефона не зайду отображается лишь полная десктопная версия. При этом в коде ничего не менял. В чем может быть проблема?