HTML:問合せForm をレスポンシブ対応に作成

通常、問合せフォームは、
PCでは、table tr th td で作成する。
スマホは、ワンコラムのため dl dt dd で作成する。

レスポンシブ対応で、CSS3のメディアクエリで制御するには
dl dt dd を使用する。

大事なことは、入力項目全体を dl で囲むことではなく、
1項目ごとに dl で囲むことである。

そして、 PC では、 dt  に float:left; を設定し、
スマホでは、 dt  に float:none; height:inhibit; を設定することである。

コメントを残す

メールアドレスが公開されることはありません。