コンテナの入力テキストサイズを変更する

Question

コンテナ内で連絡フォームを作成しようとしていますが、ブラウザをテストしたり、モバイルを使用したりするときは、テキスト入力フィールドが表示されませんコンテナテキストフィールドがフォーム

<div class="col-md-4">  
<div class="thumbnail"> 
<div class="container">  
<form id="frmContact" action="" method="post"> 
<div id="mail-status"></div> 
<div> 
<label style="padding-top:0px;">Name:</label> 
<span id="userName-info" class="info"></span><br/> 
<input type="text" name="userName" id="userName" class="demoInputBox" placeholder="Enter Full Name"> 
</div> 
<div> 
<label>Email:</label> 
<span id="userEmail-info" class="info"></span><br/> 
<input type="text" name="userEmail" id="userEmail" class="demoInputBox" placeholder="Enter E-mail Address"> 
</div> 
<br> 
<div> 
<label>Attachment:</label><br/> 
<input type="file" name="attachmentFile" id="attachmentFile" class="demoInputBox"> 
</div> 
<br> 
<div> 
<label>Subject:</label> 
<span id="subject-info" class="info"></span><br/> 
<input type="text" name="subject" id="subject" class="demoInputBox" placeholder="Subject"> 
</div> 
<div> 
<label>Content:</label> 
<span id="content-info" class="info"></span><br/> 
<textarea name="content" id="content" class="demoInputBox" cols="" rows="5" placeholder="Concerns"></textarea> 
<br> 
</div> 
<div> 
<input type="submit" value="Send" class="btnAction" /> 
</div> 
</form> 
<div id="loader-icon" style="display:none;"><img src="LoaderIcon.gif" /></div> 
</div> 
</div> 
</div> 

Answer 1

を超えたこの種のアプローチに対処するための最良の方法は、 Mediaqueriesを使用することです。 https://www.w3schools.com/css/css_rwd_mediaqueries.asp このリンクをガイドとして使用できます。

また、Flexを使用して応答性にすることもできます。これが役立つことを願ってください。