Отзывчивый веб-сайт уменьшен до полной ширины на мобильном телефоне

Я тестирую навигационную панель Bootstrap, и у меня есть демонстрационный сайт. Когда я изменяю размер браузера на рабочем столе, все это прекрасно работает, включая панель навигации, которая становится складным меню с маленьким значком сверху, на который я могу щелкнуть, чтобы увидеть больше кнопок меню.

Но когда я попробовал его из мобильного браузера (я попробовал его на Chrome и интернет-браузере на Android), я не видел отзывчивого дизайна. Я мог видеть только небольшую версию рабочего стола, такого как веб-сайт.

Может ли кто-нибудь указать, что я делаю неправильно?

2 Solutions collect form web for “Отзывчивый веб-сайт уменьшен до полной ширины на мобильном телефоне”

Добавьте это в свой HTML-заголовок.

 

Это говорит меньшим браузерам устройств, как масштабировать страницу. Подробнее об этом вы можете прочитать здесь: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

как предлагается здесь http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/

  

был бы еще лучшим выбором, поскольку он переходил от портрета к пейзажу и обратно к гораздо более приятному пользовательскому опыту, так как с помощью / height естественно принималось бы за счет возможного автомасштабирования.

Interesting Posts

Как я могу использовать разные сертификаты для определенных соединений?

Передайте массив целых чисел в ASP.NET Web API?

Winforms-Как я могу создать MessageBox в центре MainForm?

Может ли ng-контент использоваться внутри ngFor?

Постройте два графика в одном графике в R

Какое лучшее регулярное выражение проверяет правильность строки?

Возможно ли создать «uber» jar, содержащую classы проекта и зависимости проекта как банки с пользовательским файлом манифеста?

Беспроводная связь: HardBlock

OS X: почему Software Update предлагает обновить удаленное приложение?

Home Server: виртуализация хранилищ, что выбрать?

Где я могу найти список escape-символов, необходимых для моего возвращаемого типа JSON ajax?

Запуск нового эмулятора Intel для Android

Дизайн URL-адреса RESTful для поиска

Git pull / push – невозможно получить доступ к HTTPS, процедуры SSL, похоже, не работают

Как вы эффективно генерируете список K неповторяющихся целых чисел между 0 и верхней границей N

Давайте будем гением компьютера.