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


#1

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

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


#2

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

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


#3

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


#4

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

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

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


#5

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


#6

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


#7

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