1

Jquerymobile1.3を使用しています。入力があります、

        <input style="width: 75px" type="text"  />

問題は、そのサイズが常に大きいことです。小さくする方法、

http://jsfiddle.net/2bWfL/163/

<head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
</head> 
<body> 

<div data-role="page">

    <div data-role="header">
        <h1>My Title</h1>
    </div><!-- /header -->

    <div data-role="content">    

        <input type="text" style="width:75px"/>
    </div><!-- /content -->

</div><!-- /page -->

</body>
4

2 に答える 2

6

JQuery Mobileには、すべてのコントロールのデフォルトサイズ（パーセンテージ）があります。また、JQMは、作成したhtmlタグを独自に生成されたタグ（通常はスパン）に置き換えます。したがって、テキストボックスの幅を変更するには、次のコードを追加します。ページの先頭。

<style type="text/css">
.ui-input-text
{
width: 75px !important;
}
</style>

JQMコントロールは画面のサイズに合わせて調整されるため、「px」値や「em」の代わりにパーセンテージを使用することをお勧めします。

于 2013-03-25T08:47:35.877 に答える
1

同じページのテキスト入力に異なるサイズが必要な場合は、次のようにCSSからwidth属性を削除します

div .ui-input-text {  padding: 0 .4em; }

次に、HTMLページで、入力テキストを定義する場所で、以下のように定義します。

<div style="width:30px"><input type="text" placeholder="01">

したがって、divタグで必要な幅を定義すると、さまざまなテキスト入力にさまざまな幅を与えることができます。この答えが私のようなデザイナー以外の人に役立つことを願っています

ありがとう

于 2013-07-03T11:26:32.950 に答える