0
У меня есть личное приложение, над которым я работал, используя nodejs, с jade для создания пользовательского интерфейса. Сайт масштабирует файл в браузере и всех мобильных эмуляторах, которые я пробовал. На сайте находится myrecipes.me, а приведенный ниже код.Bootstrap отзывчивый navbar работает при масштабировании в браузере, но не работает на моем мобильном телефоне
nav.navbar.navbar-default.navbar-fixed-top(role="navigation")
.container-fluid
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand.title(href='#')
img(src='/img/myrecipelogo.png', alt='Main Image', height='40px')
.navbar-collapse.collapse#navbar
ul.nav.navbar-nav
li.dropdown
a.dropdown-toggle#cocktailList(href='#', data-toggle='dropdown')
| Drinks
b.caret
ul.dropdown-menu
li
a(href='../newrecipe') Add a Recipe
li.divider
each drink in drinks
-if(drink.type == 'cocktail')
li
a.dropCockails(id="#{drink._id}")= drink.name
li.dropdown
a.dropdown-toggle#foodList(href='#', data-toggle='dropdown')
| Food
b.caret
ul#dropFood.dropdown-menu
li
a(href='../newrecipe') Add a Recipe
li.divider
each drink in drinks
-if(drink.type == 'food')
li
a.dropCockails(id="#{drink._id}")= drink.name
Да, в настоящее время у меня есть «width = device-width, initial-scale = 1, maximum-scale = 1», и я также попробовал «width = device-width, initial-scale = 1.0». – greeGree
трудно отлаживать, не видя страницы –
Извините, я разместил его, но не сделал ссылку, так что она исчезает. Его можно найти здесь (http://myrecipes.me) – greeGree