2014-12-05 4 views
4

onsen ui에서 기본 master-detail 템플릿을 다운로드 한 다음이를 기반으로 코드바 모바일 응용 프로그램을 개발했습니다. 탐색 모음의 머리글 제목은 pc-browser 및 chrome에 집중됩니다 리플은 있지만 기기에는 없습니다. 장치에서 왼쪽으로 붙어 있습니다. 나는이 스타일을 추가하여 무슨 일이 일어나고 있는지 알아 보았습니다.onsen ui 사용시 장치 중심에 있지 않는 탐색 모음 텍스트

.navigation-bar__center 
    { 
     text-align:center; 
     border:solid; 
     border-width:1px; 
    } 
    .navigation-bar 
    { 
     border:solid; 
     border-color:#f00; 
     border-width:1px; 
    } 

헤더에 해당하는 div가 늘어나지 않은 것 같습니다.

가 PC 브라우저

enter image description here

에 있으며 이는 이동 장치 (삼성 로이드 4.2)

enter image description here

PS에있다. 모든 페이지에 문제가 있습니다.

+0

@Nima 아니요 작동하지 않았습니다. – RezaRahmati

답변

9

내비게이션 막대 태그에 fixed-style 속성을 사용해보세요. 이처럼

실제로 장치를 중심으로하지 않는 이유는 Onsen UI가 기본 동작을 모방하려고한다는 것입니다. 안드로이드에서 네비게이션 바 제목은 가운데 정렬되지 않고 왼쪽 정렬됩니다.