※ ChatGPTを利用し、要約された質問です（原文：問い合わせフォームのサイズ）
問い合わせフォームのサイズについて
このQ&Aのポイント
問い合わせフォームのサイズについて、xhtmlでレスポンシブなサイトを作っている際、どのようなサイズ指定が正しいのか疑問です。
現在、非レスポンシブの場合は特定のサイズ指定をしており、<input>タグの「size」属性や<textarea>タグの「cols」「rows」属性を使用しています。
しかし、レスポンシブにする際にはこれらのサイズ指定を削除し、代わりにCSSを使用して「max-width: 100%;」と指定するだけで十分なのか検討しています。
xhtmlでレスポンシブなサイトを作っているのですが、
問い合わせフォームのサイズはどのようにするのが正しいでしょうか？
レスポンシブ出ない場合は下記のように造っているのですが、
<p class="newline">
郵便番号：<br />
<input type="text" name="post" size="20" value="" />
</p>
<p class="newline">
お問合せ内容：<br />
<select name="inquiry_contents">
<option value="" selected="selected"
>選択してください</option>
<option value="について">について</option>
<option value="について">について</option>
<option value="交通アクセスについて">交通アクセスについて</option>
</select>
</p>
<p class="newline">
コメント：<br />
<textarea name="comment" cols="50" rows="8" title="こちらにお問い合わせ内容をご記入ください。" class="jq-placeholder">こちらにお問い合わせ内容をご記入ください。</textarea>
</p>
レスポンシブにする場合はsize="20" やcols="50" rows="8"などのサイズにかかわる属性をすべて削除して下記のようなCSSを加えればよいのでしょうか？
input {
max-width: 100%;
}
textarea {
max-width: 100%;
}
お礼
＞sizeはブラウザによって大きさが変わるのでスタイルで指定したほうがいいと思います。 CSSのemでサイズを指定すれば良いのですね。