table要素はかなり見づらいと感じます。そこで、table要素をデバイスのウィンドウサイズに合わせて可変させる必要性が出てきます。table要素をウィンドウサイズに合わせて可変させるウィンドウサイズに合わせて可変させるといえば、リキッドレイアウトを連想させますが、スマートフォンやタブレット対応なのでレスポンシブデザインが妥当ですね。table要素を用意します。PCモニターでの表示では枠付きのシンプルな表になります。この表をメディアクエリを使用して指定したウィンドウサイズ以下の場合に列を減らしウィンドウサイズの狭いデバイスでも見やすくなるように形を可変させます。list-itemを指定する事です。これで縦に長く続く1列のテーブルが出来上がります。thのテキストを追加します。};//_adjust()});table要素のレスポンシブ対応を考える際に下記のサイトが非常に参考になりました。いろいろなやり方が解りやすく説明されています。table要素のレイアウトが変化します。Boxerを試してみた。