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響應式導航欄在瀏覽器中縮放但在我的手機上縮放時不起作用

回答

相關問題