Jquery Mobile按钮数据 - 迷你

时间:2012-10-22 05:05:04

标签: jquery css cordova mobile

我是一名新的Web-Tecnologies用户。

Jquery Mobile在“按钮”中提供 data-mini 属性(具有数据角色 =“按钮“)。

这使按钮更小,但对我来说还不小。

按钮的宽度对我的应用来说太大了。我真的需要将十个按钮并排放在带有小屏幕的手机中。 (这是系统的必备条件!)。

那么,我该怎么做呢?按钮更小?。

请在此处查看完全符合我要求的代码示例:http://paste.ideaslabs.com/show/jroVUxgjS0

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

1 个答案:

答案 0 :(得分:0)

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

修改

是的,可以显示超过五个项目,但这取决于设备屏幕大小,因为我只是在iPhone上运行您的样本(纵向模式),它显示7个按钮,但在纵向模式下,它显示所有10个按钮。

Output on iPhone