모바일 탭 탐색

Question

내 페이지 하단에 항상 표시되는 모바일 메뉴를 만들고 싶습니다. 같은 메뉴에 대한 특정 이름이 나도 몰라하지만 난 정확히이 메뉴하는 페이지가 발견했습니다

태블릿 작은 장치가 실현 사용하기 위해 정확히 이것을 달성하기 위해 가장 좋은 방법은 무엇입니까?

Answer 1

Materialize에는 툴바라고하는 것이 있습니다.

<div class="fixed-action-btn toolbar"> 
    <a class="btn-floating btn-large red"> 
     <i class="large material-icons">mode_edit</i> 
    </a> 
    <ul> 
     <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">insert_chart</i></a></li> 
     <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">format_quote</i></a></li> 
     <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">publish</i></a></li> 
     <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">attach_file</i></a></li> 
    </ul> 
    </div> 

하지만 당신이 찾고있는 것과는 다릅니다. 이 파일을 수정해야하거나 자신 만의 파일을 만들어야합니다. 도구 모음에 대한

팹 : http://materializecss.com/buttons.html

Answer 2

CSS를 사용하려했는데 클래스 또는 ID별로 전체 메뉴를 선택하고 고정 위치로 설정 했습니까?

#fixedMenu{ 
    position:fixed; 
    } 

그런 다음 정확하게 배치 할 위치로 놀 수 있습니다. auto로 설정된 너비 또는 여백을 사용하면 다른 뷰포트에 대해 응답 할 수 있습니다.