サイトをiPod touch,iPhoneに対応させない状態では字などが細かくなって、タップやピンチで拡大しないと見られない状態です。

で、iPod touch,iPhoneに対応したサイトにするためには、まず文字などのコンテンツを見やすい状態にするために、画面の設定を行います。

実際には、メタタグのある設定を変えることで、iPod touch,iPhoneの画面でも見やすくすることができます。

実際のソースの書き方

設定を変えるメタタグは以下の通り、


<meta name="viewport" content="width=483" />


このwidth=483は当サイトのメイン部分のwidthが483pxなのでこの値になっているだけで、それぞれ自分の制作するサイトの幅に合わせて数値を変えてください。

このメタタグを入れるだけでもサイトの見栄えが変わってきます。

このメタタグを入れても通常のパソコンでサイトを見る限り、不都合はいっさい現れていません。

2009-06-27

当サイトの更新情報はRSSで配信してます。feed RSSはこちら>>
よろしければご使用のRSSリーダーにご登録ください。
My Yahoo!に追加 Add to Google Subscribe with livedoor Reader はてなRSSに追加