jquery - jQuery Mobile水平控件组无法在手机上正确显示

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

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

最佳答案

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

关于jquery - jQuery Mobile水平控件组无法在手机上正确显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31866847/