css - 画面が縮小されたときにjQueryMobileのラジオボタンが重なり合うのを防ぎます。

Question

フィールドセットにdata-type="horizo​​ntalとdata-mini="true"が含まれるjQueryMobileラジオボタンのセットがあります。明らかにこれをモバイルサイトで使用していますが、画面サイズを小さくするとラジオボタンがスタックされます。お互いの上に。

どうすればこれを防ぐことができますか？

これが例です

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

そのコンテナ div に css で最小幅を指定します。これで問題は解決します。