Bootstrap响应式导航栏在浏览器中缩放但在我的手机上缩放时不起作用

我有一个个人应用程序，我一直在使用nodejs，用翡翠来表示构建用户界面。该网站在浏览器中缩放文件以及我尝试过的所有移动模拟器。该网站是myrecipes.me，并在下面的代码。Bootstrap响应式导航栏在浏览器中缩放但在我的手机上缩放时不起作用

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

来源

2015-05-06 greeGree

在标题中是否有任何设置视口？

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

来源

2015-05-06 21:36:53

是的，目前我有“width = device-width，initial-scale = 1，maximum-scale = 1”，我也尝试过“width = device-width，initial-scale = 1.0”。 – greeGree

难以查看页面而无法调试 –

对不起，我发布了它，但并没有使它成为一个链接，所以它有点消失。它可以在这里找到（http://myrecipes.me） – greeGree

我发现了一个修复这个问题上this link。我在NameCheap上使用url-iframe转发URL，因此我可以保持我的域的地址可见，但iframe会转储元标记。所以重定向我的URL与URL重定向工程，但然后我查看看到主机的网址，一旦我在那里。希望这可以帮助有同样问题的其他人。

来源

2015-05-07 20:59:34 greeGree

Bootstrap响应式导航栏在浏览器中缩放但在我的手机上缩放时不起作用

回答

相关问题