JQueryMobile单选按钮，桌面上有fieldcontain宽度问题

我有4个水平单选按钮，它们在320X300px（智能手机）上看起来不错，但我希望它在台式机或平板电脑上看起来不错。 如何使图例文本更宽或全部适合2列。 我尝试过使用网格，但似乎什么也没做。 我怀疑我只需要一些CSS，但我不知道该怎么做。

 
 
This is a long question that gets wrapped around in a small space on a desktop but it would be great if it occupied more of the wasted space on the right.
  0  1  2  3 
  

Answer 1

您可以尝试两行而不是列。

演示： http ： //jsfiddle.net/6rCmY/1

我删除了legend并将文本移出了.row_b ，并将.ui-btn类的默认CSS作为.row_b的子项.row_b

 .row_b .ui-btn { text-align: center; width: 24.5%; } 

或者只是将文本移出字段集，并且根本不更改CSS …

演示： http ： //jsfiddle.net/GsUEz/1/