Мобильный сайт слишком широк, тег viewport не работает

Существует настольная версия сайта, и я делаю свою мобильную версию, редактируя те же файлы CSS.Мобильный сайт слишком широк, тег viewport не работает

Я спрячу много широких/ненужных элементов с display: none;, и я убедился, что использую процентную ширину для большинства элементов.

На HTML, у меня есть следующий видовых тег:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

... но это не помогает: мобильная версия оказывается слишком широким на мобильных устройствах. Пользователь должен увеличить масштаб, и он/она может прокручивать веб-сайт по горизонтали. Очевидно, что это нежелательно, мне нужна страница, чтобы она соответствовала ширине экрана мобильного устройства.

Я что-то упустил? Кстати, структура использует Smarty, если это помогает.

EDIT: SOMETIMES, веб-сайт настраивает свою ширину на мобильный экран, но это произошло всего несколько раз, и я не могу понять, как и почему.

источник

2013-05-16 Onion

Какой браузер (ы) вы тестируете? – Xareyo

Я тестирую его на своем телефоне Android и iphone. Он должен работать, но это не так. – Onion

@ user1020567 с большинством проблем, не так ли? – DiederikEEn

Но поскольку вы не используете «медиа-запросы»?

Ex: @media (макс-ширина: 480px) { CSS .. }

Вы должны использовать средства массовой информации для рабочего стола и один для телефона, так что вы имели бы конкретный css для каждого.

источник

2013-05-16 12:37:45 Gio

Клиент попросил меня сделать это, проверив агент пользователя. К сожалению, я не могу использовать отзывчивый дизайн. – Onion

Клиент нанял * ты * потому что * ты * профессионал, а не их. Пользовательским агентам нельзя доверять, чтобы правильно идентифицировать себя, а список строк UA должен обновляться каждый раз, когда появляется новый. Это больше работает, требует большего обслуживания в долгосрочной перспективе и менее надежна, чем просто использование медиа-запросов. – cimmanon

Попробуйте объяснить это клиенту, который подчеркнул, что ему не нужен отзывчивый дизайн. У меня нет выбора. – Onion

По-видимому, исправление не имеет ничего общего с окном просмотра.

Проблема была вызвана наборами фреймов. Структура, над которой я работаю, имеет странную структуру домашней страницы. Index.php содержит набор фреймов, который загружает остальную часть страницы. Не спрашивай меня, почему я сам себя обманываю.

Я исправил проблему, перенаправив браузер непосредственно к файлам веб-сайта (избегая набора фреймов вообще).

источник

2013-05-16 14:11:41 Onion

Мобильный сайт слишком широк, тег viewport не работает

ответ

Смежные вопросы