レスポンシブなテーブル その２
2013.10.22
スタッフブログ
どもタカミチです。
今回もレスポンシブなテーブルづくり
今回は画面を狭めたときに
はい
言葉よりも画像のほうが手っ取り早いですね
これが
こう！
cssはこんな感じです。
@media(max-width:766px){
th,td{
display:block;
th,td{
display:block;
こんだけです。
ちょこちょこいじることは他にもありましたが、
大元はこれだけですね。
本当にレスポンシブでのテーブルの見せ方の工夫は尽きませんね
関連記事
| 2024.02.20 | 2023年版小規模事業者持続化補助金 |
|---|---|
| 2023.12.14 | CSS〜hoverについて〜 |
| 2023.12.13 | 年末のお話 |
| 2023.12.12 | 最近知ったCSS〜:nth-child()〜 |
| 2023.12.08 | 点線の作り方〜Photoshop〜 |