Question

你很简单，我在互联网上搜索了这个，我无法想出一个解决方案。我认为解决方案必须非常简单，但无论如何，这就是问题所在。

我用jQueryMobile创建了一个移动网络（确实是原生应用程序的webView），而且一切似乎都很大。我试过我可以使用style =“width：xx”来设置按钮宽度，但高度怎么样？整体尺寸一般。

就像，标题填满了我页面的四分之一。

由于

Answer 1

直播示例：

http://jsfiddle.net/3EgrW/21/（宽度）
http://jsfiddle.net/3EgrW/35/（身高）

JS：

// For all buttons use something like this
$('.ui-btn').css('width','50%');

// For individual buttons use something like this
$('#theButton1').parent().css('width', '75%');

// Or this for HREF data-role buttons
$('#hrefButton4').css('width', '45%');

更新:(我认为这正是你要找的）

// this changes the height for all buttons
$('.ui-btn-text').css('font-size','50px');

// This changes the height for a single element 
$('#hrefButton3').children().children().css('font-size','30px');

HTML：

<div data-role="page" id="home"> 
    <div data-role="content">
        <input type="button" id="theButton1" value="Press Me 1" />
        <input type="button" id="theButton2" value="Press Me 2" />
        <input type="button" id="theButton3" value="Press Me 3" />
        <input type="button" id="theButton4" value="Press Me 4" />
        <br />
        <a href="#" data-role="button" id="hrefButton1">HREF Me 1</a>
        <a href="#" data-role="button" id="hrefButton2">HREF Me 2</a>
        <a href="#" data-role="button" id="hrefButton3">HREF Me 3</a>
        <a href="#" data-role="button" id="hrefButton4">HREF Me 4</a>
    </div>
</div>

jQuery移动元素大小

1 个答案: