Eingabe Text Größe in einem Container Größe ändern

Question

Ich versuche, ein Kontaktformular innerhalb eines Containers zu erstellen, aber jedes Mal, wenn ich versuche, es zu testen oder die Größe des Browsers oder der verwendeten Mobile ändern, bleibt das Texteingabefeld nicht eingeschaltet der Kontainer. Das Textfeld geht über die Form

<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

Der beste Weg, mit dieser Art von Ansatz zu behandeln ist Mediaqueries zu verwenden. https://www.w3schools.com/css/css_rwd_mediaqueries.asp Sie können diesen Link als Leitfaden verwenden.

Sie können auch Flex verwenden, um es reagieren zu lassen :) hoffe, das hilft.