JQuery Mobile - 优化单选按钮组的布局 - 不同大小的设备

时间:2012-05-10 16:14:18

标签: layout jquery-mobile formatting

我们正在针对同时针对手机尺寸设备和平板电脑的应用测试jquery mobile。在应用程序的一部分中,询问问题,然后是一组或多组可能的答案(每组可以有1个单选按钮作为答案)。

在小型设备(手机)上,可以垂直完成答案组,每组有多个单选按钮),虽然需要滚动,但UI很好。

然而,在平板电脑上有更多不动产的平板电脑,我们希望有一个包含2个或更多列单选按钮的组,并根据可用的房地产水平将它们水平放置到新的“行”,以优化可用的房地产并且最小化或最好消除滚动,当然也没有像Jquery mobile那样疯狂地拉伸收音机按钮。

请帮助......

1 个答案:

答案 0 :(得分:0)

昨天我正在读同样的问题。您必须使用 media 查询才能生成响应式CSS

以下是IBM

的精彩指南

希望它有所帮助! (如果它的好处也给我评价:))