Tue【CSS】iPhoneの横画面で文字が大きくなってしまう時の対策BY.森本#WebプログラミングHOMEWebプログラミング【CSS】iPhoneの横画面で文字が大きくなってしまう時の対策こんにちは。最近SNSで話題の無水白菜カレーにはまっており、いろんなアレンジを試してみてカレーに豆腐を入れるとすごくおいしいという事に気づきました。今まで野菜を切って煮込んだりするのがすごい手間だったので、カレー作りがすごい楽になりました。今後突き詰めていきたいです。業務の中でlpを制作することがあったのですが、スマホ表示時にiphoneのsafariのみ横画面にすると文字が拡大表示される現象が起きました...その時の対策について紹介させていただければと思います。例のごとく課題で作成したページを使って紹介させていただきたいと思います。こちらのはじめての方へ以下部分を観ながら検証していきたいと思います。こちらがsafariでの表示になります。こちらを横画面にしてみると...御覧のようにはじめての方へ以下の文字が拡大表示されました。調べてみたところsafariの初期設定では、縦画面から横画面に変更すると文字の大きさが自動で調整されるように設定されているようです。ipadではこちらの現象はなく、iphoneのみで起こるみたいです。対策方法についてです。対策について対策についてはいたって簡単。100%;}の記述を追加するだけです!それでは早速見てみましょう。いかがでしょうか?先程の横画面に比べて自動で拡大されることはなくなりましたね。対策もcssに上記の分を追加するだけという方法で対策できます。自動で拡大してくれるのはありがたいですが、それによりレイアウトが崩れてしまったりすることもあるのでその解決法として活用していただければと思います。DOWNLOAD顧客獲得に成功した24社の成功事例を1冊にまとめました。顧客獲得にお困りの方も、そうでない方も、一度お読みいただくことをお勧めします。中小企業のweb集客、知らないと損する5つの方法#中小企業のホームページ運用いま依頼している「ホームページ制作会社」に不満がある方へ#中小企業のホームページ運用ホームページ制作会社を選ぶコツは?選び方や比較するポイントをまとめましたFACEBOOKCOMPANYジーニアスウェブは大阪、東京、宮崎に拠点をおく新規客獲得に強いホームページ制作会社です。2006年4月の設立以来、全国1400社以上のお客様にサービスを提供しています。お客様がより高いパフォーマンスを達成できるよう、その実現に向けてお客様とともに取り組んでいます。