바닥 글의 높이가 너무 낮습니다

바닥 글의 크기를 늘리고 글꼴 크기를 늘리려면 어떻게해야합니까? 커스텀 CSS를 사용해야합니까? 여기 바닥 글의 높이가 너무 낮습니다

내 바닥 글입니다 -

<div data-role="footer" data-position="fixed"> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="#page-1" data-role="tab" data-icon="grid" class="ui-btn-active">Page 1</a></li> 
      <li><a href="#page-2" data-role="tab" data-icon="grid">Page 2</a></li> 
      <li><a href="#page-3" data-role="tab" data-icon="grid">Page 3</a></li> 
     </ul> 
    </div>

출처

2012-03-14 blue-sky

CSS :

여기

.ui-page .ui-footer .ui-navbar a { height : 100px; }

데모입니다 : http://jsfiddle.net/qXVhv/이

당신은 링크 요소의 height을 변경하여 탐색 모음의 height을 변경할 수 있습니다 여기에

는 데모입니다 너비와 높이. Google을 사용해보십시오. – j08691

당신은 일부 사용자 지정 CSS를 사용할 수 있지만, 그것은 많은 아니라 그것은 할 매우 쉽습니다 :

.ui-page .ui-footer .ui-btn-text { 
    font-size : 20px; 
}

는 그 버튼의 font-size 변경됩니다 꼬리말의 텍스트 .ui-page은 data-role="page" 요소를 모두 나타내며 .ui-footer은 각 페이지 내의 바닥 글을 나타내고 .ui-btn-text은 각 버튼의 텍스트를 포함하는 탐색 버튼 내의 span 요소를 나타냅니다. , http://jsfiddle.net/qXVhv/1/

출처

2012-03-14 21:22:40 Jasper

바닥 글의 높이가 너무 낮습니다

답변

관련 문제