AndroidとiPhone用のWebサイトを作る - Kumoma技術日記生活チェックサービス「ChanTo.me」を開始しましたが、こういうサービスはモバイル端末への対応が必要という事で、iPhoneとAndroidへの対応を行いました。 さて、対応サイトを作るにはサイトの幅を狭くしてもデザインを崩れないようにすればいいかと思ったのですが、それだけではありませんでした。 AndroidとiPhoneのそれぞれのブラウザの特徴を書いておきます。 Androidの場合 縦の横幅は320pxだが、スクロールバーが出ていると幅が狭くなる。(314pxだったかな。) 最初のアクセスした段階では、サイトのサイズをそのまま表示する。 縦と横を切り替えても、幅が広がるだけ。 iPhoneの場合 縦の横幅は320pxで、スクロールバーには影響されない。 最初のアクセスした段階では、勝手に縮小して表示するが、METAタグの指定で設定可能。 縦と横を切り替えた場合の表示サイズの操作
