jquery - Jquery Mobile 按钮数据-mini

Question

我是新的 Web 技术用户。

Jquery Mobile在“ button ”（带有data-role =" button " 的元素）中提供了data-mini属性。

这使按钮更小，但对我来说并不小。

按钮的宽度对我的应用程序来说太大了。我真的需要在小屏幕手机中并排放置十个按钮。（这是系统的必需品！）。

那么，我该怎么做呢？按钮更小？

在这里查看我想要的代码示例：http: //paste.ideaslabs.com/show/jroVUxgjS0

在此处查看上面 HTML 的屏幕截图：http: //s16.postimage.org/m9u8gn26t/Screenshot_from_2012_10_22_03_42_08.png

Answer 1

jquery mobile 的设计方式是每行最多可以显示五个项目，当尝试添加第六个项目时，它会溢出到下一行。这是由于移动设备的体积小，因为它是为移动设备设计的。

编辑：

是的，可以显示五个以上的项目，但这取决于设备屏幕尺寸，因为我只是在 iPhone（纵向模式）上运行您的示例，它显示 7 个按钮，但在纵向模式下，它显示所有 10 个按钮。