2013年12月4日(水)
スマホ完全対応の二歩目 #■子猫の手

　『子猫の手』において、［ログインページ］［ログアウトページ］［ユーザ名、パスワードを忘れた場合］が、スマホ対応になりました。

　これらのページは、表示幅320pxで作成しています。

<metaname="viewport"
content="width=device-width">

　iPhone5cで確認していますが、上記のように記述すると、表示幅320pxが初期設定となり、文字サイズが丁度良く、見やすくなります。まあ、パソコン画面では、表示幅320pxは物足りなく感じるでしょうが、情報量も少ないページということで、ご理解下さい。

　しかし、この記述だけでは、ページ高が表示高より短いと、少しだけ右側の文字が欠けることがあります。ページ高を表示高より長くしておくと、問題回避できます。Safariの開発者は、こんなことも気づいていないのかなあ？