『スマホ用のフォームは「大きく」して使いやすく』PC用のメールフォームは、スマホで見るとコンパクトに表示されてとても使いづらい～～～。 ということでCSSに記述を足して最適化。 ●html側 <form action="・・・・" method="post"> <p>名前： <input type="text" id="name" name="name"></p> <p>メールアドレス： <input type="email" id="email" name="email"></p> <p>コメント：<br> <textarea id="comment" name="coment"></textarea> <p><input type="submit" id="submit" value="送信"></p> </form> input { width: 100%; max-width: 400px; /* レスポンシブの場合の対策 */
