テーブルレスポンシブ

案1

・FF → OK
・IE9 → NG。変化なし
・「This isn't perfect...」と書かれている

---

案2

モバイルサイズではテーブルデータより自動変換した円グラフのみを表示させよう、というアイデア
・FF → OK
・IE9 → OK
・IE8 → NG。PCブラウザで全く見えないという状況が致命的過ぎる
・いいアイデアだと思ったのだが…

---

案3

できるだけ小さくした後
・FF → タップしてテーブル表示
・IE9 → ある程度以上小さいと、表示させない
・IE8 → どこまでも小さくする

---

案4

モバイルサイズでは、テーブルをぶち壊して、カラム毎に色付けして、要素を認識させようという手法
・FF → OK
・IE9 → OK
・IE8 → 色が付かず表示が崩れる。見にくくなる

レインボーカラー
・CSSだけで色付け

td:nth-child(5n+1),th:nth-child(5n+1)

---

案5

・FF → O.K.
・IE9 → O.K.
・IE8 → 普通のテーブルのまま
・これいいんじゃない？