表中的Jquery移动UI输入下拉格式化行为

Question

我有两个与使用Jquery移动UI框架下拉选择器有关的问题，当我希望提供帮助时，在表格行中

第一个与行高有关。当我将一个下拉选择器放入一行（其他格式与周围行相同）时，它会使行高明显大于所有其他行 - 示例html和下面行为的图像;

<tr>
<td class="leftcol">
<div data-role="fieldcontain">
<select name="updown" id="updown">
  <option value="THP (psi)">THP (psi)</option>
  <option value="FBHP (psi)">BHP (psi)</option>
</select>
</div>
</td>
<td><input id=thp size="7"  type="number" style="width:85%" value="300" required></td></tr>

我拥有的第二个问题（使用相同的数据）是当我将手机转为横向时，当桌子伸展得很好时，下拉列表描述实际上会截断（变小）切断一些值，否则在肖像模式下显示确定 - 任何想法如何预防？

Answer 1

好的，看起来你的问题与<div data-role="fieldcontain">

有关

它应用了一个具有1em垂直边距的类（“ui-field-contain”），并且根据屏幕宽度有一些媒体查询来改变宽度。

取出那次潜水，你应该做得很好。