Ширина адаптивного интерфейса слишком мала на телефоне, но в браузере на компьютере все в порядке.CSS

Разбираемся в CSS
Anonymous
Ширина адаптивного интерфейса слишком мала на телефоне, но в браузере на компьютере все в порядке.

Сообщение Anonymous »


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

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


Изображение


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


Изображение


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

Вот как я загружаю свои таблицы стилей:

Вернуться в «CSS»