스마트 폰이 아닌 브라우저의 Navbar 축소 작업

브라우저 창 크기를 조정하고 작게 만들 때 Navbar는 오른쪽 상단 모서리에 버튼이있는 접히는 메뉴를 멋지게 만듭니다. 내 Android 휴대 전화에서 동일한 사이트를 볼 때 탐색 메뉴는 항상 접혀 있고 오른쪽 상단의 버튼은 보이지 않습니다. 어떻게이 문제를 해결할 수 있습니까? 감사!스마트 폰이 아닌 브라우저의 Navbar 축소 작업

<!DOCTYPE html> 
<html> 
<head> 
    <title>My Groundhops</title> 
    <!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> 
    <![endif]--> 
    <%= stylesheet_link_tag "application", :media => "all" %> 
    <%= javascript_include_tag "application" %> 
    <%= csrf_meta_tags %> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head> 
<body> 
    <div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 

     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="#">My Groundhops</a> 

     <div class="nav-collapse"> 
      <ul class="nav"> 
       <li>Clubs</li> 
       <li>Visits</li> 
      </ul> 
     </div> 

     </div> 
    </div> 
    </div> 

    <div class="container"> 
    <div class="row"> 
     <div class="span12">Content</div> 
    </div> 
    </div> 
</body> 
</html>

출처

2012-06-24 John

그것은 기본 안드로이드 브라우저에서 작동, 오페라 모바일 트위터 부트 스트랩 문제가 될 것으로 보인다. 그래서 내 코드는 괜찮아 보인다.

https://github.com/twitter/bootstrap/issues/3621

출처

2012-06-27 19:55:05 John

휴대 기기가 제대로 확장하려면 메타 태그가 누락되었을 수 있습니다.

그래서 페이지의 head 섹션에서 스틱 다시 시도 :

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

출처

2012-06-24 13:40:30

아니요. – John

@ 존 마크 업이나 사이트 링크를 게시 할 수 있습니까? 반응 형 기능이 설정에 특정적인 것보다 모바일 장치가 아닌 바탕 화면에서 잘 작동하는 경우 마크 업은 우리에게 뭔가를 말해 줄 수 있습니다. –

마크 업이 원래 게시물에 추가되었습니다. – John

스마트 폰이 아닌 브라우저의 Navbar 축소 작업

답변

관련 문제