WEB DESIGN (B)LOG

ノンプログラマーなWebデザイナーによるWordpress、HTML5、スマートフォンサイト制作関連などWebサイト制作に関するブログ

iPhone•iPad•スマートフォン

iphoneサイトのフォームで拡大表示から戻らない現象の回避法

:iPhone•iPad•スマートフォン

iphoneサイトのフォームで拡大表示から戻らない現象の回避法

iphoneサイトのフォームでテキストエリアにタッチしカーソルを乗せると画面がズームで拡大しますが、
入力後拡大した画面から自動的には戻れなくなってしまい、
元のサイズにまた戻す必要が出てしまいます。

この現象が嫌な場合、
フォントサイズを16px程度に設定すると、
画面は拡大せず入力しやすい場所に動くだけという形にできます。


続きを読む ⇒

iPhone、iPadでフォームのlabelが効かない現象の対処法

:iPhone•iPad•スマートフォン

htmlのフォームをコーディングする際、
labelタグのforとinputタグのidを同じ名前にし、テキスト部分をクリックできるようにしますが、
iPhoneやiPadの場合通常の制作と同じようにしても反応しません。

いろいろと試したところ、
以下のようにlabelにoncliclk属性を入れることで対応できました。

続きを読む ⇒

無料でダウンロードできるiPhone・スマートフォン用の静的htmlテンプレート

:iPhone•iPad•スマートフォン


そろそろ制作する機会の増えてきたスマートフォン対応ページですが、
まだまだHTML5含めいい感じにコーディングできているか不安になってしまいます。

そんな時は無料でダウンロードできるテンプレートを参考にすることがあるのですが、
Wordpress用のプラグインなんかはあってもなかなか静的なテンプレートはなかったりします。

その中で最近スマートフォンサイトを作成した際に参考にしたテンプレートはこちらです。

続きを読む ⇒

1 2

pagetop