« cssテーブルっぽく | メイン | 一気にトリム »
2013年09月04日
スマホページ作成アレコレ
とりあえず、iphoneを縦に使った場合の横幅は320px 横に使ったら480pxんだけど、スマホがこの横幅ってのは無いから、ある程度でか目に作って縮小させるのが得策？
■viewportについて(ぱくり)
| プロパティ | 値 | ||||
|---|---|---|---|---|---|
| 内容 | 単位・指定方法 | デフォルト | 許容範囲 | その他 | |
| width | Viewportの横幅 | px | 980px | 200～10,000px | 特別な値として「device-width*」の指定が可能 |
| height | Viewportの縦幅 | px | 横幅とアスペクト比から計算される値 | 200～10,000px | 特別な値として「device-height*」の指定が可能 |
| initial-scale | 倍率の初期値 | 乗数で指定 （例：120%の場合は1.2） |
表示範囲から計算される値 | minimum-scale（後述）～maximum-scale（後述） | |
| minimum-scale | 倍率の最小値 | 乗数で指定 | 0.25 | 0～10 | |
| maximum-scale | 倍率の最大値 | 乗数で指定 | 1.6 | 0～10 | |
| user-scalable | 拡大縮小の可否 | --（yes / no） | yes | -- | no（拡大縮小不可）にすることでフォーム入力時のスクロールも不可 |
投稿者 muuming : 2013年09月04日 10:52