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

Однако на моем мобильном телефоне после размещения на веб-сервере он выглядит совершенно по-другому:

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