標籤和輸入相同的行

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"> 

例子，我有什麼：

標籤

---

什麼我想要在450p以下X即：

標籤_ __ _ ____

的標籤（根據在CSS媒體查詢）移動到輸入欄的左側，如果寬度超過450像素。這在我的本地瀏覽器中很有用。但是，如果我使用任何移動設備訪問此設置而不考慮分辨率（嘗試s3，iphone和其他設備），標籤始終顯示在文本字段的頂部（非橫向模式）。

我想了解爲什麼在移動設備上發生此行爲。這有沒有。與視口做什麼？我不熟悉在移動設備及其特定媒體查詢上進行開發。

我完全意識到有像網格和表格這樣的解決方法。但我想爲我的網絡應用程序有這種行爲。在較小的設備上，它顯示爲兩行是有意義的。我想這樣做，而不會重寫jquery移動類，如果有辦法寫自己的解決方案。

在此先感謝！

Answer 1

css文件：

jquery.mobile-1.2.0.min.css

編輯：

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