tableってスマホの小さい画面だと見づらいですね!ですね! そんなときはMedia Queriesでガラッと見た目を変えちゃいましょう! と言うわけで1つのページをPC用、スマホ用とテンプレ変更して表示したりレスポンシブなページで使えそうなテーブル用CSSです。 ますはデモ。(ブラウザのサイズ(横幅)をグイ~ンで小さくしてみてください。) table { width:80%; border-collapse:collapse; margin:50px auto; } th { border:1px solid #ccc; background:#e1e1e1; padding:5px; } td { border:1px solid #ccc; padding:5px; } @media only screen and (max-width:420px) { thead { displa
![[CSS]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ! | Maku_zin Ver2.1.1](https://cdn-ak-scissors.b.st-hatena.com/image/square/a2e1b90f4e81d4ab5fa95a28be5f40e77fb42b2b/height=288;version=1;width=512/https%3A%2F%2Fmakurazaki.org%2Fsystem%2Fwp-content%2Fuploads%2F2022%2F01%2Flogo2.png)