.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 移动类并编写自己的解决方案的情况下做到这一点。
提前致谢！