響應式文本框jQuery手機

我有jQuery手機中的標籤和文本框，當屏幕尺寸發生變化時，整個結構也發生了變化。響應式文本框jQuery手機

當我的屏幕尺寸寬度小於448px時，它將轉到標籤下的標籤和文本框，但是當它位於447px以上時，它就是一個接一個。

我添加兩張照片才能清楚。

這是代碼：

HTML：

<div role="main" class="ui-content"> 
     <form> 
      <div class="ui-field-contain"> 
       <label for="sales1">Sales:</label> 
       <input type="text" id="sales" value=""> 
      </div> 
</form> 
</div>

定製CSS：

.ui-field-contain .ui-input-text { 
    width: 50% !important; 
}

是否有任何方式通過CSS來覆蓋它，並始終在任何屏幕尺寸旁邊的另一個？

來源

2016-07-04 Danny

我不明白'的塊''的.ui-輸入text'''在HTML ..它說的是jQuery Mobile的是加入？ –

你不需要注意它。這只是改變了文本框的大小。沒有它，它將是100％的大小，但仍然是我提到的事情會發生。 – Danny

對不起，但我正在關注它..我有線 - 試圖發現一個問題，我看到有一個CSS類沒有在HTML中引用...也許你可以提供http ：//plnkr.co/鏈接？ –

你只需要風格的標籤爲小屏幕上

@media (max-width: 448px) { 
    .ui-field-contain label { 
    display: block; 
    } 
}

來源

2016-07-04 16:55:22

嘗試過，但沒有發生任何事情。仍是同樣的問題。 – Danny

響應式文本框jQuery手機

回答

相關問題