札幌Web制作のシンクグラフィカ

フォームの入力幅をレスポンシブにしたい

山本さん (2015-05-18 20:14:23) www.nagoya-nsc.co.jp/animal/example.html

問合せフォームの記入欄をスマホとPCで表示を変えようと思っています。
cssでinput{width:100%;}とすると、mailform/mailform.jsへのリンクを外すと横幅いっぱまで広がるのですが、mailform/mailform.jsを記入するとデフォルトの幅になってしまします。
htmlでsiz="50"とすると幅が伸びるのですが、これだとスマホになった時にはみ出てしまうので悩んでいます。

お忙しいなか申し訳ありませんが、ご教授を宜しくお願い致します。

Re:フォームの入力幅をレスポンシブにしたい

和田 (2015-05-29 08:58:42) www.synck.com

widthではなくmax-widthをお試しいただけますでしょうか。