スマホ版webページで表(table)がはみ出す時にスクロールできるようにする

このページで表(table)を載せたかったけど、そのままtableタグを入れるだけだと
スマホ版表示でレイアウトが崩れまくってしまった。
いくつか対処法は考えられたけど、表をそのまま表示したかったので
はみ出る部分はスクロールできるようにした。

PCだとChrome,Firefox。スマホはiPhoneのGoogleとSafariで動作確認済み。
html

divタグにクラスを設定しておく。

/*中略*/
css

div要素のscrollクラスに下記を追加する。

div.scroll{
    overflow: auto;
}
2015年8月
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

アクセス数

  • 497903総閲覧数:
  • 154今日の閲覧数:
  • 333073総訪問者数:
  • 112今日の訪問者数:
  • 0現在オンライン中の人数: