Фондовый браузер Android игнорирует метапорт

У меня проблемы с веб-сайтом, который я пытаюсь создать. Я провел некоторое исследование (как всегда) среди этого и других веб-сайтов (как обычно) и, как никогда, я не смог найти решение, которое работало бы для меня. Пожалуйста, имейте терпение со мной, так как я новичок (развиваюсь для практики и в учебных целях). Итак, вот сделка. Я начал создавать сайт, но застрял в том, чтобы сделать его адаптивным. После исследования, о котором я говорил ранее, я использовал

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

Он работает до тех пор, пока я захожу на сайт через браузер Chrome для Android. Это также работает в Chrome для Windows, когда я выбираю мобильный вид или изменяю размер окна. Единственный браузер, который действует как пропуск этой мета-строки, - это стандартный браузер Samsung (WebKit - он, правда, не уверен насчет названия). Есть ли кто-нибудь, кто испытывает то же самое? Я думал, что это только мой телефон (Galaxy S2), но, похоже, я не единственный, кто столкнулся с этой проблемой.

Заранее спасибо и ищу слово для решения.

ПОСЛЕДНЕЕ РЕДАКТИРОВАНИЕ

Обошли с ценностями. Похоже на <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10.0, user-scalable=yes, target-densitydpi=device-dpi"> на самом деле не игнорируется. Я поиграл с максимальными значениями зума, и это похоже на работу. Единственная проблема сейчас заключается в том, что стандартный Android-браузер не отображает страницу в соответствии с @media screen and (max-width: 640px) присутствует в файле таблицы стилей...

ПОЗДНЕЕ (ОКОНЧАТЕЛЬНОЕ) РЕДАКТИРОВАНИЕ

Код CSS был как-то неисправен. Удалил поддержку нескольких разрешений экрана и работал только с обычным веб-представлением, затем добавил поддержку только для одного разрешения (@media screen and (max-width: 500px)), похоже, работает (во всяком случае, есть только несколько устройств, ширина которых меньше 500). Теперь в обычном режиме сайт успешно показывает контент по CSS-файлу. Уменьшение разрешения также приведет к правильному отображению страницы. Я также заметил, что использование "max-width" должно выполняться в порядке возрастания (сначала разберитесь с высоким разрешением).

0 ответов

Другие вопросы по тегам