display-スタイルシートリファレンス display - CSS | MDN このように table は関連する各要素に対して固有の display 属性がデフォルトで設定されています。決して table という HTML タグ自体がテーブルレイアウトを実現しているのではありません。ならばこの dispaly 属性を CSS 側でどうにか制御すれば、モバイル端末といった表示領域が狭い環境にも適したレイアウトが組めるということになります。 DEMO See the Pen Blocked table - Demo of Responsive table by wakamsha (@wakamsha) on CodePen. こちらのデモをベースにしていきます。 とりあえず全部ブロック要素にしとけ 何も考えずに全てのtable 関連要素をブロック要素にしてみました。当然ですが、全てのセル
![【小ネタ】CSS だけで Table 要素をレスポンシブ対応させる方法 | PSYENCE:MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/2523e4d4a94b98d31edf8523957b54b2650142e1/height=288;version=1;width=512/https%3A%2F%2Fs3.ap-northeast-1.amazonaws.com%2Ftechblog.bucket%2Fwp-content%2Fuploads%2F2014%2F10%2Feyecatch-css3.jpg)