Jquery Mobile 按钮数据-mini

Question

我是 Web-Technologies 的新用户。

Jquery Mobile 在“button”中提供 data-mini 属性(具有 data-role="button 的元素>”)。

这使得按钮变得更小，但对我来说还不够小。

按钮的宽度对于我的应用程序来说太大了。我确实需要在小屏幕手机中并排放置十个按钮。 (这是系统必需的!)。

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

请参阅此处的代码示例，其中包含我想要的内容: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的设计方式是，每行最多可以显示五个元素，当尝试添加第六个元素时，它将溢出到下一行。这是因为手机尺寸较小，因为它是为移动设备设计的。

编辑:

是的，可以显示超过 5 个元素，但这取决于设备屏幕尺寸，因为我刚刚在 iPhone(纵向模式)上运行您的示例，它显示 7 个按钮，但在纵向模式下，它显示所有 10 个按钮。