カテゴリー:
HTML5
閲覧数:708 配信日:2011-12-20 00:00
案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 → 普通のテーブルのまま
・これいいんじゃない？