Css 更高分辨率的布局字段集

我对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]

但按钮仍显示在两行中：
按钮
[按钮]

---

有人知道这个问题吗？

这不是一个错误，jQM就是这样构建的

如果您想修复它，只需使用以下简单的css：

#TextInput {
    width: 100% !important;
}

---

工作示例：

这不是一个错误，jQM就是这样构建的

如果您想修复它，只需使用以下简单的css：

#TextInput {
    width: 100% !important;
}

---

工作示例：

是否有可能将Buttontext和按钮放在一行中？是否有可能将Buttontext和按钮放在一行中？