ラベル スマートフォン の投稿を表示しています。 すべての投稿を表示
ラベル スマートフォン の投稿を表示しています。 すべての投稿を表示

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