Мои медиа-теги не работают на моем веб-сайте при использовании телефона. ⇐ Html

[Anonymous]

Я только что загрузил свой веб-сайт, и у меня возникли некоторые проблемы с CSS-тегами @media.
На моем веб-сайте на рабочем столе масштабирование работает, и когда я захожу в режим проверки и изменяю размер страницы, чтобы уменьшить ее, она меняет размер. Проблема в том, что я захожу на сайт с телефона. Это похоже на то, что медиатеги игнорируются и отображается только настольная версия веб-сайта.
Вот пример моего кода:
У меня есть метатеги.


Вот мои теги @media. Они ниже моих обычных стилей CSS, так как я знаю, что в противном случае могут возникнуть проблемы.
@media screen and (min-width: 100px) and (max-width: 400px) {...

Вот несколько изображений того, что должен делать мой веб-сайт, когда медиа-теги работают.
Веб-сайт на рабочем столе
Веб-сайт на телефоне
Я пробовал другие теги, но они не работают.
@media screen and (max-width: 400px){


Подробнее здесь: https://stackoverflow.com/questions/754 ... g-my-phone