标签并输入相同的行

Question

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

我有什么：

<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和其他设备），标签总是显示在文本字段的顶部（在非横向模式下）。

我想了解为什么在移动设备上会出现这种情况。这有没有？与视口有关？我不熟悉移动设备及其特定媒体查询的开发。

我完全清楚有网格和表格等变通方法。但我想对我的网络应用程序有这种行为。在较小的设备上，它以2行显示是有意义的。如果有办法，我想在没有覆盖jquery移动类和编写自己的解决方案的情况下这样做。

提前致谢！

Answer 1

css文件：

jquery.mobile-1.2.0.min.css

编辑：

3227.line：@media all and (min-width:300px) {