화면 축소시 jQuery Mobile 라디오 버튼이 서로 겹치지 않게하십시오.

Question

fieldset에 data-type = "horizontal 및 data-mini ="true "인 jQuery Mobile 라디오 버튼 세트가 있습니다 분명히 모바일 사이트에서 이것을 사용하고 있지만 화면 크기가 줄어들면 버튼은 다른 위에 하나를 쌓아된다.

을 내가가 발생하지 않도록하려면 어떻게 여기에

는 예를

http://jsfiddle.net/sg8EJ/3/

 <fieldset class="changeFulfilment" data-type="horizontal" data-role="controlgroup" data-mini="true"> 
       <input class="changeFulfillmentInput" type="radio" name="radio-mini" id="radio-mini-1"/> 
       <label for="radio-mini-1">long Button----------</label> 

       <input class="changeFulfillmentInput" type="radio" name="radio-mini" id="radio-mini-2" /> 
       <label for="radio-mini-2">short</label> 
     </fieldset> 

Answer 1

의 컨테이너 D를 부여하다 iv css로 최소 너비. 이렇게하면 문제가 해결됩니다.