2011年4月5日火曜日

viewportによるスマートフォンなどに合わせたHTMLの記述

自分向けにスマートフォンなどで見る文書の形式は何が最適か分からないが,
今のところPDFとHTMLで悩んでいるので,とりあえずHTMLの勉強.

Webページの表示する領域を指定するのにviewportを利用.
例.
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">


width=device-width : 幅をデバイスの幅に合わせる
initial-scale=1 : 倍率の初期値を1にする
user-scalable=yes : 拡大縮小を許可する

その他のプロパティにはheight,minimum-scale,maximum-scaleがある.

参考URL

0 件のコメント:

コメントを投稿