viewport　パターン

viewportのパターンをメモしておく

・デバイスの横幅を指定するパターン

<meta name="viewport" content="width=device-width">

・ピンチできないパターン

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

cssには

body {

  -webkit-text-size-adjust: 100%;
}

・ピンチが可能なパターン

<meta name="viewport" content="width=device-width,initial-scale=1.0">