jquery mobile 水平控件组无法在移动设备上正确显示

Question

我试图让这个控制组保持一致。当我在移动设备上或浏览器最小宽度上查看此内容时，我得到以下图像。我如何对齐它们，如果收音机太大，让它移到下一行。

<form id="myResourcesResourceTypes">
                    <div class="ui-field-contain">
                    <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" >
                        <legend>Resources:</legend>
                        <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2a" value="games" checked="checked">
                        <label for="radio-choice-h-2a">Games</label>
                        <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2b" value="teams">
                        <label for="radio-choice-h-2b">Teams</label>
                        <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2c" value="league">
                        <label for="radio-choice-h-2c">Leagues</label>
                        <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2d" value="tournaments">
                        <label for="radio-choice-h-2d">Tournaments</label>
                    </fieldset>
                </div>
                </form>

Answer 1

当我从 jquerymobile 网站复制示例时，它们在复制时已在剪贴板中。我删除了所有的间距...