jQuery 작은 화면에서 볼 때 모바일 변경 양식 너비?

Question

jQuery 모바일 양식을보고있는 장치에 맞게 크기를 조정하는 방법을 아는 사람이 있습니까? 현재 바탕 화면에서 볼 때 전체 화면을 차지하는 텍스트 입력 필드가있는 양식이 있습니다. 그러나 휴대 전화에서 볼 때 텍스트 입력은 여전히 ​​길어서 양식을 매우 작고 사용하기 어렵게 만듭니다.

다음 CSS를 사용하여 작은 화면에서 크기를 조정 해 보았습니다.하지만 아래 양식을 제공하는 전체 페이지가 아니라 양식 자체의 크기를 조정하는 것처럼 보입니다. '몸'.ui-모바일 ','.ui-이동체 ','.ui-헤더 ','.ui-몸

@media only screen and (min-width: 600px){ 
     .ui-page { 
      width: 600px !important; 
      margin: 0 auto !important; 
      position: relative !important; 
      border-right: 5px #666 outset !important; 
      border-left: 5px #666 outset !important; 
     } 
    } 

을 : 난 운이없이 다음 선택기를 시도했다 썰매되지 나는 다음과 같은 화면을 얻을 위의 CSS 코드없이

더 나은 :

있도록 전체 페이지 크기 조정을 할 JQuery와 또는 CSS를 하나있는 방법이 있는지 궁금 오전 양식 필드가 최종 사용자에게 더 커 보이니? 누구든지이 작업을 수행하는 방법을 알고 있습니까?

Answer 1

추가 : 머리와 전화에서 훨씬 더 뷰에

<meta name="viewport" content="width=device-width, initial-scale=1"> 

!