このページで表(table)を載せたかったけど、そのままtableタグを入れるだけだと
スマホ版表示でレイアウトが崩れまくってしまった。
いくつか対処法は考えられたけど、表をそのまま表示したかったので
はみ出る部分はスクロールできるようにした。
PCだとChrome,Firefox。スマホはiPhoneのGoogleとSafariで動作確認済み。
html
divタグにクラスを設定しておく。
/*中略*/
css
div要素のscrollクラスに下記を追加する。
div.scroll{
overflow: auto;
}
関連記事