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

Я тестирую навигационную панель 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 естественно принималось бы за счет возможного автомасштабирования.

  • Изменение точки останова на панели навигации при загрузке без использования МЕНЬШЕ
  • Жидкость или система с фиксированной сеткой, в гибком дизайне, основанная на Twitter Bootstrap
  • Создание чувствительного к iframe
  • Щебетать сетку Bootstrap 3, изменение точки останова и удаление прокладки
  • Как использовать Twitter Bootstrap 3 для сайта, не отвечающего требованиям?
  • iPhone 5 CSS-медиа-запрос
  • Поддерживать соотношение сторон по ширине и высоте
  • css grid квадратов с flexbox
  • Воспроизводимые фоновые изображения css
  • Interesting Posts

    Ресурс url, который является точкой (% 2E)

    Объедините одно изображение + один аудиофайл, чтобы сделать одно видео с помощью FFmpeg

    Измерение времени выполнения скрипта

    Как разрешить выход ASMX-файла JSON

    Скопировать имя файла в буфер обмена

    SwingUtilities.invokeLater () зачем он нужен?

    Передача строки из одного действия в другую активность на Android

    Как маршалировать без пространства имен?

    Где находится JAVA_HOME на macOS Sierra (10.12), Эль Капитан (10.11), Йосемити (10.10), Маверикс (10.9), Горный лев (10.8) или Лекс OSX (10.7)?

    База данных Android SQLite, таблица падения WHY и воссоздание при обновлении

    Windows 7 – перемещение только файлов заданного расширения при сохранении структуры папок

    570 GTX SLI – Требования к усилителю на 6pin

    ASP.NET DateTime Picker

    Экран одного гостевого экрана VirtualBox разбивается на два хост-монитора

    System.out объявляется как статический окончательный и инициализируется нулем?

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