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

Layout JQuery Mobile-优化单选按钮组的布局-不同大小的设备,layout,jquery-mobile,formatting,Layout,Jquery Mobile,Formatting,我们正在测试jquerymobile的一个应用程序,该应用程序同时针对手机大小的设备和平板电脑。在应用程序的一部分中,提出问题,然后是一组或多组可能的答案(每组可以有一个单选按钮作为答案) 在小型设备(电话)上,可以通过每组多个单选按钮垂直完成应答组,用户界面很好,但需要滚动 然而,在一个有更多不动产的平板电脑上,我们希望有一个包含2列或更多单选按钮的组,并将它们水平放置,溢出到一个新的“行”依靠可用的不动产来优化可用的不动产,最小化或最好是消除滚动,当然也不要像jquerymobile那样让单

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

在小型设备(电话)上,可以通过每组多个单选按钮垂直完成应答组,用户界面很好,但需要滚动

然而,在一个有更多不动产的平板电脑上,我们希望有一个包含2列或更多单选按钮的组,并将它们水平放置,溢出到一个新的“行”依靠可用的不动产来优化可用的不动产,最小化或最好是消除滚动,当然也不要像jquerymobile那样让单选按钮在更大的范围内疯狂地伸展


请帮忙

我昨天读到了同一个问题。您必须使用
媒体
查询来生成响应性CSS

这是来自中国的伟大指南

希望有帮助!(如果是好的,也给我打分:))