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

email及びテキストエリアの入力幅を100%表示にしたい

齊藤さん (2013-10-19 11:13:59) www.acoeur.net/information/reserve/

初めまして。以前同じような質問を見たような記憶があるのですが、もう一度探すことができなくて投稿しましたことをご了承ください。
ホームページ編集ソフトのデザインビューではテキストエリア等の入力幅は100%widthになってるのですが、ブラウザで確認したら小さくなります。特にEメール、備考欄が小さくなりこれのwidthを100%にしたいと思います。スマートフォン対応にもしているのですがEメール欄が小さくて困っております。修正箇所があればご教授ください。

Re:email及びテキストエリアの入力幅を100%表示に

和田 (2013-10-21 18:36:12) www.synck.com

テキストエリアなどの自動サイズ調整を無効にする場合は
configs/config.js

’SizeAjustPx’: 6,
という部分を
’SizeAjustPx’: null,
としてください。
これで入力エリアの自動調整機能は無効になります。

アップロードしたものはcssが効かないのは?

齊藤さん (2013-10-23 15:45:53) www.acoeur.net/mail/example.html

configs/config.jsの設定をnullにしてinput.cssに
.mfp input.address {
width:100%;
}
を書き加えexample.htmlのメールアドレスのinputタグのところに
class="address"
を書き加え確認したら、ローカルブラウザではうまくいくのですがアップロード後のネット上では表示がうまくできないようです。他に修正する箇所などありますか?それから生年月日のテキストエリア幅がnullにならないのはどうしてですか?

Re:アップロードしたものはcssが効かないのは?

和田 (2013-10-28 03:14:50) www.synck.com

記載していただいているURLがNot Foundだったため、なんとも言えませんが、恐らく正しく設定されていないのではないかなと。