100);}</script></head><body></body></html>Androidでのviewport指定Androidでは、viewportの「width」が効かないため、「target-densitydpi」を使用します。inch/1インチの中に何ドット表示するか)を指定できます。Android用のviewportでwidthが指定されているととうまく動作しないため、UserAgentでiPhone用とAndroid用のviewportを分岐したのが上記のコードです。(他にもっといい方法があるかも知れません。)アドレスバーを非表示にするjavacscriptのソースは、画面読込時にアドレスバーを非表示にするものです。href=”apple-touch-icon.png”>は、ホーム画面に追加するためのアイコンを設定するもので、iphone4に最適化するには114×114pxで作成します。ズーム設定について「user-scalable」は、ズームを禁止するかどうかを制御しますが、これがyesになっていると、フォーム入力後等、ズーム後の画面表示サイズがおかしくなってしまうことがあるため、noに指定することが多いです。縦横切替時の文字サイズ調整スマートフォンでは、横向きにすると縦の時より自動的に文字サイズが大きくなります。初期値は自動調整になっているので、これを止めるには、cssでbodyタグに以下のように記述します。Androidでは、widthとtarget-densitydpiのどちらも指定しないほうが正常に表示されるケースもあり、何が原因か詰めているところです。いう現象で悩まされるのは、iPhone4等のretinaディスプレイを意識して、画像パーツを2倍の解像度で作成する場合に起こるものなので、画像パーツの画質を気にしないのであれば問題は無いですが。2012/2/15追記Androidでは、viewportの「width」が効かないはずですが、widthを記述しないと正常に動作しない一部のjQueryライブラリが存在。Androidは謎の仕様が多すぎです。それよりも謎なのは、なぜiPhoneを選択せずにAndroidを選択する人間がこんなにもいるのかということに尽きるでしょう。�c�C�[�gCASTPROを利用するには、Windows®またはMacOSを搭載したPCのブラウザ、あるいはスマートフォン,タブレットが必要です。一部のブラウザによっては全ての機能をご利用いただけない場合があります。(スマートフォン及びiPadは、出勤スケジュールのタイムテーブル入力に対応していません。1ドメイン1ライセンスでご利用いただけます。複数ライセンス購入の場合はライセンス価格が適用されます。スマートフォン用に最適化サイトを作る最小マークアップ当サイトに掲載されている画像等のの無断転載、転用を固く禁止致します。製品のご購入・ご相談はお問い合わせまで。