JQuery Mobile を使用して数独グリッドを作成するためのアドバイスを探しています。グリッドはユーザーが入力する必要があるため、レイアウト グリッドで 81 個の選択コントロールを使用しています。
私の目標は、画面に合わせて適切にサイズ変更されるグリッドですが、JQuery Mobile は狭いモバイル デバイスでコントロールをラップしています。を設定することでこれを修正できます.ui-select {width:30%;}が、もちろん、大きな画面用にサイズ変更しません。
ここに私がこれまでに持っているものがあります: http://jsfiddle.net/3njd5/1/ (単純にするために、数独パズルの上3分の1のみが含まれています)
ご覧のとおり、センタリングの問題もあります。
サイズを変更して任意のサイズの画面を埋める方法を知っている人はいますか?
これのためのより良いフレームワークはありますか？