エントリー

  • 2016/10/20 12:03
  • HTML

レスポンシブ化 table編-2

20161020115831.jpg前回は「table」の「td」タグを縦組みに変更して、
レスポンシブ化に対応させたんだけど…
レスポンシブ化 table編

こんな感じの表を
上記の方法でレスポンシブ化させると
無駄に縦長な表になる事に。

横方向で比較したい部分もあるしね。

20161020115832.jpgちなみに、width指定を解除する等して
レスポンシブ化させると、こんな感じ。

日本には縦読みの文化もあるから
「効果」の部分が読みにくい読みにくい。
┐(-_-;)┌

ただ…
この状態でもググる先生からは
モバイルフレンドリーとして「OK」がもらえます。

まぁ、人間に読みにくくても
comに読みやすい(解釈しやすい)か?って話ですからね。

とはいえ、さすがにこのままじゃねぇ。って事で
レスポンシブ化 img編 の手法を採用する事に。

20161020115833.jpgwidthを表示に差し障りないサイズに指定し、
overflow-x: scrollで横方向にスクロールできるように。

そのままだと、目で追うのが大変なので
背景色を交互に変更してみました。

付け焼き刃感は否めないけど…
まぁ、仕方無いでしょう。 (*>v<)

ページ移動

トラックバック

  • トラックバックはまだありません。

トラックバックURL

https://izuito.net/_cgi/freo/trackback/4933

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
登録フォーム
名前
メールアドレス
URL
投稿キー(スパム対策に、投稿キー を半角で入力してください。)
コメント
閲覧制限

ユーティリティ

- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

過去ログ

ノート

  • ノートは登録されていません。

新着エントリー

javascript 再勉強中
2024/03/08 10:56
ベータガンダムは伊達じゃない
2024/02/21 11:07
残り約50ページ
2024/01/29 13:07
スマホのカメラ機能
2023/12/19 11:59
ガラケー卒業
2023/11/27 18:57

新着コメント

Re:チョロQ3
2024/04/25 from 承認待ち
Re:スマホのカメラ機能
2024/01/13 from dshata
Re:スマホのカメラ機能
2024/01/12 from とくめい
Re:アクアビーズアート(2)
2021/10/10 from はやとまる
Re:旗印、自作してみた。
2021/02/18 from goopee