0

jQueryMobileを使用してアプリを作成しています。全画面ボタン画像を表示したい。計画通り、クリックすると、あるページに移動するはずです。ボタンを作成し、カスタム画像を置き換えました。しかし、全画面に拡大することはできません。

どうやって行くのか教えてください。

これが私のコードです

CSS

.button{
 width:100%;
 background-image: url('home1.png') !important;
 background-repeat: no-repeat;
 background-size: cover;
 }

HTML

<div data-role="content" id="content" >
    <a href="#button1" class="button" data-role="button" data-inline="false">button1</a>
</div>
4

1 に答える 1

0

設定してみてください

display:inline-block;

テストはJsFiddleで行われます

Jqueryが幅を設定している可能性があります。可能であれば、これを避けてください。ただし、！importantプロパティを設定してみてください。また、背景画像でその！importantプロパティを使用しないようにできる場合は、通常、そこにあることを示しています。 CSSのさらに上の問題です

于 2013-01-07T10:20:27.847 に答える