css - jquerymobileで2つのインラインボタンをデバイス幅にスケーリングするにはどうすればよいですか？

Question

jquerymobileで2つのインラインボタンをデバイスの幅に合わせて拡大縮小するにはどうすればよいですか。

<a href="#faq" data-role="button" data-inline="true">FAQ</a>
<a href="#help" data-role="button" data-inline="true">HELP</a><br>

Answer 1

シンプルなcssで試す

a {
    display: inline-block;
    width: 50%;
}

または、各ボタンを画面全体の幅にしたい場合は、 を使用しますwidth: 100%。

Answer 2

ui-gridsを使用してみてください

<div class="ui-grid-a">
<div class="ui-block-a"><a href="#faq" data-role="button">FAQ</a>
</div>
<div class="ui-block-b"><a href="#help" data-role="button">HELP</a>    </div>
</div><!-- /grid-a -->