Почему мой отзывчивый веб-сайт не отвечает на мобильный браузер?

Question

0

Мой сайт http://www.hificorder.com, и если вы перетащите browswer меньше на рабочий стол, вы увидите, что он отзывчив.

Но если вы загружаете браузер в Safari на iPhone или в Chrome на Android, он визуально выглядит как маленький клиент, как настольный клиент.

Зачем??

hunterp 24 март 2014, в 07:04

0

Как использовать meta viewport : blog.javierusobiaga.com/…
Ming 24 март 2014, в 05:37
0

Это связано с тем, что в вашем телефоне или планшете столько пикселей, сколько в вашем настольном клиенте, и если вы указали каждый стиль только в процентах; без использования медиазапросов, тогда это происходит. Читайте дальше для медиа-запросов
sumitb.mdi 24 март 2014, в 05:38
0

@setek Не могли бы вы объяснить, как я должен реализовать viewport. это метатег?
hunterp 24 март 2014, в 05:44

Показать ещё 1 комментарий

Теги:

responsive-design

1 ответ

Как использовать meta viewport : blog.javierusobiaga.com/…
Это связано с тем, что в вашем телефоне или планшете столько пикселей, сколько в вашем настольном клиенте, и если вы указали каждый стиль только в процентах; без использования медиазапросов, тогда это происходит. Читайте дальше для медиа-запросов
@setek Не могли бы вы объяснить, как я должен реализовать viewport. это метатег?

jeyanthinath · Answer 1 · 2014-03-24T04-38-00.000Z

Посмотрев на свой код, я обнаружил, что You have to set the meta view port value

Потому что вы должны сообщить браузеру, чтобы он отображал содержимое веб-сайта, как он должен вписываться в экран

попробуйте этот код

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