Warning: Cannot modify header information - headers already sent by (output started at /home/hirx2/www/net/index.php:12) in /home/hirx2/www/net/data/checkcookie.php on line 46
画面の拡大表示の設定:iPod touch,iPhone対応サイト:iPod touch:MacでWeb制作

このページをクリップ


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

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

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

    実際のソースの書き方

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


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


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

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

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

    • サイト
    • facebook
    • twitter

    PCからタブレット、スマホまで対応いたしました。ガラケーもとりあえず対応しております。

    Macに要求するものはどれ?


    (票)

    (票)

    (票)

    (票)

    (票)