佈局字段集對更高分辨率

Question

我有jQuery Mobile的自動佈局的問題：

我有一個字段集形式：

<div data-role="collapsible" data-collapsed="false" data-theme="a"> 
<h3>Test</h3> 
    <div data-role="fieldcontain"> 
     <label for="TextInput"> Textinput </label> 
     <input type="text" name="TextInput" id="TextInput"> 
    </div> 

    <div data-role="fieldcontain"> 
     <label for="ButtonInput"> Button </label> 
     <a href="javascript:alert('works')" data-icon="arrow-r" data-role="button" data-iconpos="right"> 
      <label id="ButtonInput" name="ButtonInput"> Testvalue </label> 
     </a> 
    </div> 
</div> 

在較低分辨率的一切顯示正常工作。所述標籤顯示在第一行中，輸入被示出在第二行中：

的TextInput
[的InputBox]

按鈕
[按鈕]

開顯示具有更高的分辨率，所述輸入字段和標籤在1行中示出
的TextInput             [的InputBox]

但按鈕仍顯示2行：
按鈕
[按鈕]

任何人都知道這個問題？

Answer 1

這不是一個錯誤，jQM的構建就像這樣。

如果你要修復它只是用這個簡單的CSS：

#TextInput { 
    width: 100% !important; 
} 

工作示例：http://jsfiddle.net/Gajotres/xrVU2/