スタッフのつぶやき

フォームの文字サイズ

  • このエントリーをはてなブックマークに追加

こんにちは、ワタナベです!

最近、ガンプラを買ってはいるのですが作れておらずにどんどん積み上がって置き場所がなくなってゆくので、ゴールデンウィーク中に少しでも消費したいです…(^-^;

 

つい最近作業をしていて、iphoneでフォームをフォーカスしたときに、画面が拡大する現象に出会いました。

「何だ!?」と思ったら、文字のサイズが16pxよりも小さいと自動的に拡大表示されてしまうようでした。文字のサイズが小さいと見づらいだろうと親切心から自動拡大してくれているのでしょうか…?笑

とはいえ、拡大してしまうと元のサイズにする手間もありますし、場合によってはデザインも崩れてしまいますよね…。
cssで「input」「select」「textarea」のフォントサイズを16pxに設定したらピタリと拡大表示されなくなりました(*´▽`*)

他にもviewportの設定やjavaScript、jQueryでも直せるようですが、よっぽどデザインに影響しないかぎり、フォントサイズを16pxにしてしまったほうが簡単ですし、スマホでもちょうどよい大きさの文字サイズだと思いました(^^)!

 

それでは今回はこの辺で~(^▽^)/~~~

 

  • このエントリーをはてなブックマークに追加

【Webデザイナー募集!】D-Gripで一緒に働きませんか?

ただいま株式会社D-Gripシステムでは、制作部として一緒に働いてくれるWebデザイナーさんを募集しています。

実務経験がある方はもちろん、専門学校や独学で勉強された未経験の方でも歓迎です!
800サイト以上の運営実績のある会社で、プロのWEBデザイナーへの道を着実に歩んでいきませんか?

お問い合わせはコチラから↓
採用サイトへ

お電話はコチラから↓
TEL:03-5363-2191

採用サイトへ