jqm中的迷你属性用于工具栏外观

Question

我想在我的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>

提前致谢！

Answer 1

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

如果你在一个容器中有很多控件而只有一些需要是“迷你”，你可以将这些单个元素设置为迷你。