12月2018

テーブルで組まれたフォームをレスポンシブ対応に

フォームページはまだテーブルで組まれたものも多いです。
レスポンシブ対応にする際に、縦に並べたいのですが、さてどうしようと考えていたのですが、


table th,
table td,
table tr {
display:block;
}

ひとまず、これでなんとかなりました。あとは微調整してやればいけました…。
小ネタですが、フォームまわりはまだまだテーブルレイアウトで作られたものもあるので、めんどくさいときはこれで対応しています。