Question

如何增加页脚大小并使字体更大？我需要使用自定义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

你可以使用一些自定义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/

您可以通过更改链接元素的height来更改导航栏的height：

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

以下是演示：http://jsfiddle.net/qXVhv/1/

页脚高度太低

1 个答案: