レスポンシブデザインに取り組んでいます。input
ボックスを置くスペースがなくてちょっと壁にぶち当たりましたlabel
。そのため、小さい画面サイズではラベルを非表示にすることにしました。
現在、そのyour email
中にプレースホルダー テキストがありますが、400 未満の画面 (幅 399px まで) でのみJoin our newsletter
、別のプレースホルダー.
これを実行するには、CSS ではなく JS が必要になると思います。
基本的に: 画面サイズが 400 未満の場合: プレースホルダー テキスト = ニュースレターに参加する
else: プレースホルダー テキスト = あなたのメールアドレス。
ここに私が持っているHTMLがあります:
<div id="mc_embed_signup">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Your Email">
</div>