2011.05.17 gazza069
みなさんこんにちは、gazzaです。
あまりに忙しくて完璧にブログの事を忘れてましたwww
今回は最近弊社の案件でも増えてきているスマートフォン用のヘッダー記述に
ついて書かせて頂きます。
スマートフォン用のヘッダー記述はメタタグの「Viewport」というもので
書き方は下記のフォーマットのように記載しhtmlのheadタグの間に記述します。
<meta name="viewport" content="「プロパティ」=「値」">
これを記述することで表示の初期値や操作方法を制御したりできる
優れモノです、下記はviewportのプロパティの一部です。
■width(単位:px)
Viewportの横幅
■height(単位:px)
Viewportの縦幅
■initial-scale(倍率の初期値)
例:120%の場合は1.2
■minimum-scale(倍率の最小値)
例:120%の場合は1.2
■maximum-scale(倍率の最大値)
例:120%の場合は1.2
■user-scalable(拡大縮小の可否)
yes or no
ただ現状これらを使う際に大きな問題があります。
iphone等では大体意図した挙動で動いてくれるのですがAndoroidでは
機種によって使用が可能なもの不可なものがバラバラの為です。
まるでCSSを使うときのIEのような状態なのですが、これに関しては
これから研究していく必要があるかと思っておりますので、いくつかリソースが
たまった時にはまたエントリーにて紹介させて頂きます!