Jquery mobile 标记并输入同一行

.0I在使用移动设备将标签与输入字段对齐时遇到问题（普通浏览器对此没有任何问题）

我所拥有的：

<div data-role="fieldcontain">
    <label for="name">Label:</label> 
    <input data-mini="true" type="text" name="name" id="name" value="" />
</div>

标签：

我脑子里有一个媒体问题

<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0">

例如，我所拥有的：

标签

---

在450px下我想要什么，即：

标签

如果宽度超过450px，标签（根据css中的媒体查询）将移动到输入字段的左侧。这在我的本地浏览器中很有魅力。但是，如果我使用任何移动设备访问它，无论分辨率如何（尝试s3、iphone和其他设备），标签总是显示在文本字段的顶部（在非横向模式下）

我想了解为什么这种行为发生在移动设备上。这与视口有什么关系吗？我不熟悉在移动设备上开发和他们特定的媒体查询

我完全知道有一些变通方法，比如网格和表格。但我希望我的web应用程序具有这种行为。在较小的设备上，它以两行显示是有意义的。如果有办法的话，我不想重写jquery移动类，也不想编写自己的解决方案

提前谢谢

css文件：

jquery.mobile-1.2.0.min.css

编辑：

3227.line:

@媒体全部和（最小宽度：300px）{

css文件：

jquery.mobile-1.2.0.min.css

编辑：

---

3227.line:

@media all and（最小宽度：300px）{

你能详细说明一下吗？它与jquery.mobile-1.3.0I有相同的问题。你能详细说明解决方案吗？你能详细说明一下吗？它与jquery.mobile-1.3.0I有相同的问题。你能详细说明解决方案吗？