如果我将浏览器最小化得太小，jquery 移动表单输入字段会奇怪地调整大小

Question

我知道 jquery mobile 可以响应它的小部件，但这是我几天来一直遇到的一个问题，我不知道如何解决它，

每个表单输入我都希望它在左侧有一个图像，在右侧有一个输入字段，如我制作的这个 fiddle 所示

http://jsfiddle.net/L4q7C/1/

代码:

<form id="signUpForm">
<div>
    <div class="ui-field-contain">
        <label for="input-fullName">
            <img src="simages/User-Role-Administrator-icon.png" id="user">
        </label>
        <input class="form-contact" type="text" name="input-fullName" id="input-fullName" value="" placeholder="Full Name">
    </div>
</div>
</form>

如果你将它最小化，它会很好地调整大小，直到你将它调整到非常小，你可以看到输入字段将位于图像下方。我现在只是在使用 jquery 移动 css，这给我带来了一个问题，让我无法继续为我的应用程序执行此操作。有人可以帮助我吗？

Answer 1

这是一个工作 fiddle ，他们保持在同一条线上:http://jsfiddle.net/L4q7C/3/

HTML:

<form id="signUpForm"> 
    <fieldset class="ui-grid-a">
        <div class="ui-block-a"><img src="simages/User-Role-Administrator-icon.png" id="user"/></div>
        <div class="ui-block-b"><input class="form-contact" type="text" name="input-fullName" id="input-fullName" value="" placeholder="Full Name"/> </div>    
    </fieldset>
</form>