スマホでテーブルのレイアウトをどうするかが問題となります。テーブルが横にはみ出して操作性が悪くなりますよね。縦に表示してスマホでもデータを見やすくする方法を紹介します。テーブルのセルを縦表示にする。CSSテーブルのセルを縦表示にする。PCとスマホでの表示の違いを実際にみてください。PC表示(通常表示)スマホ表示(セルを縦表示にする)このようにテーブルのセルを縦一列に表示にすることができます。セルが縦表示になります。多少違ってきますので、両方の記述方法を紹介します。「モバイルファースト」といいます。現在の主流はモバイルファーストです。HTMLとCSSのコードは次の通りです。}}上記CSSのポイントは赤字部分です。テーブル本来の表示に戻しています。「PCファースト」といいます。「PCファースト」の方が記述しやすいかもしれません。