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; /* レスポンシブの場合の対策 */
![『スマホ用のフォームは「大きく」して使いやすく』](https://cdn-ak-scissors.b.st-hatena.com/image/square/385a7b887b34e711d67e4698dfb31bf0a886bf4d/height=288;version=1;width=512/https%3A%2F%2Fstat.profile.ameba.jp%2Fprofile_images%2F20170304%2F21%2Fdb%2Ffs%2Fp%2Fo013801381488630780301.png)