我是 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
最佳答案
Jquery mobile的设计方式是,每行最多可以显示五个元素,当尝试添加第六个元素时,它将溢出到下一行。这是因为手机尺寸较小,因为它是为移动设备设计的。
编辑:
是的,可以显示超过 5 个元素,但这取决于设备屏幕尺寸,因为我刚刚在 iPhone(纵向模式)上运行您的示例,它显示 7 个按钮,但在纵向模式下,它显示所有 10 个按钮。
关于Jquery Mobile 按钮数据-mini,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13005215/