Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法

ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたのサイトをなんちゃって iPhone/iPod touch 対応にする方法を説明してみたいと思います。 方法は簡単です。 <meta name="viewport" content="width=1024" /> head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定は Apple のホ

[glat_design]

すごく古い記事だけどminimum-scaleの解説とかわかりやすいと思う /

[hisasann]

viewportについて細かく書かれている

[t32k]

- Tags: #iphone

[shukaido170]

[iPhone/Touch][HTML][webdesign]

[mooiboom]

知識として。

[poafag]

webページ　iphone　最適化

[webmarksjp]

web

[tgt]

iPhone

[staki]

拡大縮小するとはしらなかった。

[dealforest]

webサイトをipod touchに対応

[boxeur]

viewport というのは仮想的なウインドウのサイズだと思えばいいでしょう。デフォルトでは、980 ピクセル幅となっています。viewport の値は最小 200 ピクセルから、最大 10,000 ピクセル

[Masayuki]

とりあえず。

[picnicgraphic]

<meta name="viewport" content="width=値" />と入れるだけ。Safari on iPhone/iPod touchはウインドウを持たないのでviewportという概念が出てくる。widthのデフォは980px。200(最小)～10,000pxで。基本は水平スクロールバーが表示される境界の値を。

[facet]

viewport

[Shoes]

viewport解説

[nilab]

Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 : <meta name="viewport" content="width=1024" />

[soryumi]

試してみたら、ちょっと見やすくなったよ。

[capsicum39]

使えるかも

[osekoji]

最適化

[wakatakahawks]

apple万歳としては押さえておきたいかも

[hiro_y]

Safari on iPod touch/iPhoneのための設定、<meta name="viewport"...