jQuery Mobile元素尺寸

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%'); 

UPDATE： （我認爲這是你在找什麼）

// 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> 

相關：

• resizing a BUTTON through CSS