iPad에서 HTML 검색 입력 및 HTML 텍스트 영역 너비가 축소됩니다.

Question

이 항목에는 부트 스트랩 3 및 AngularJ가 사용됩니다. 내가 입력 type='search'을 위해이 일을하고있다 :

<input type="search" class="form-control" id='roomSearch' placeholder="Search" ng-model='qText'> 

그리고이 텍스트 영역에 대한 :

<textarea name='question' id='question' rows='8' ng-model='q.text' class='form-control' ng-maxlength='{{$root.globals.maxLen.med}}' required></textarea> 

그것은 아이폰과 그러나 바탕 화면에 모든 주요 브라우저에서 잘 보이는; 아이 패드는 다음과 같이 이러한 필드를 렌더링된다

그리고 여기

UPDATE를! 다음 검색 상자 여기

 #roomSearch { 
     margin-top: 8px; 
     float: right; 
    } 

에 대한 CSS는 내가 대답을 보지 못했다

 .question-form textarea { 
     width: 100%; 
     } 

Answer 1

텍스트 영역에 대한 CSS는이다, 이것은 그래서 저자는 그것을 생각 추측하고 오래 밖으로, 그러나 이것은 나를 위해 일한 :

textarea, input { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    width: 100%; 
} 

이것은 텍스트 영역을 만들어 입력은 브라우저의 전체 폭을 입력합니다.