フッターの高さが低すぎます

Question

フッターのサイズを大きくしてフォントサイズを大きくするにはどうすればよいですか？私はカスタムCSSを使用する必要がありますか？

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

ボタンのfont-sizeを変更すること：あなたはいくつかのカスタム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> 

Answer 1

が、それは多くありませんし、それを行うのは非常に簡単です - ここで

は私のフッターですフッターのテキスト。 .ui-pageはdata-role="page"要素のすべてを指し、.ui-footerは各ページ内のフッターを指し、.ui-btn-textは各ボタンのテキストを保持するナビゲーションボタン内のspan要素を指します。ここで

はデモです：http://jsfiddle.net/qXVhv/

あなたはリンク要素のheightを変更することで、ナビゲーションバーのheightを変更することができます。ここでは

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

はデモです：http://jsfiddle.net/qXVhv/1/