Css 当屏幕缩小时,防止jQuery移动单选按钮相互堆叠。

Css 当屏幕缩小时,防止jQuery移动单选按钮相互堆叠。,css,jquery-mobile,radio-button,Css,Jquery Mobile,Radio Button,我在字段集中有一组jQuery移动单选按钮,其中data type=“horizontal”和data mini=“true”。 很明显,我在移动网站上使用这个功能,但是当屏幕尺寸减小时,单选按钮就会堆叠在一起 我怎样才能防止这种情况发生 这里有一个例子 长按钮---------- 短的 使用css为其容器div指定最小宽度。这将解决您的问题 <fieldset class="changeFulfilment" data-type="horizontal" data-r

我在字段集中有一组jQuery移动单选按钮,其中data type=“horizontal”和data mini=“true”。 很明显,我在移动网站上使用这个功能,但是当屏幕尺寸减小时,单选按钮就会堆叠在一起

我怎样才能防止这种情况发生

这里有一个例子


长按钮----------
短的

使用css为其容器div指定最小宽度。这将解决您的问题

       <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>