Jquery mobile jqm中工具栏外观的mini属性

我想在我的webapp顶部放置一些按钮，这些按钮可以像工具栏一样工作。为此，我使用controlgroup小部件。 现在我的问题是按钮宽度对于显示来说太大了，所以我决定将mini属性设置为true。 但是有谁能解释一下将mini设置为每个按钮还是只将其设置为div的区别吗？我的工具栏应该使用哪种方案

例1：

<div data-role="content">
    <div data-role="controlgroup" data-type="horizontal">
        <a href="index.html" data-role="button" data-mini="true">Button 1</a>
        <a href="index.html" data-role="button" data-mini="true">Button 2</a>
        <a href="index.html" data-role="button" data-mini="true">Button 3</a>
    </div>
</div>

例2：

<div data-role="content">
    <div data-role="controlgroup" data-type="horizontal" data-mini="true">
        <a href="index.html" data-role="button">Button 1</a>
        <a href="index.html" data-role="button">Button 2</a>
        <a href="index.html" data-role="button">Button 3</a>
    </div>
</div>

---

提前谢谢

它们是相同的，因为按钮继承自容器。在这种情况下，您应该在DIV上设置mini

如果在一个容器中有多个控件，并且只有一些控件需要是“迷你”的，那么可以将这些单独的元素设置为迷你