日々精進

新しく学んだことを書き留めていきます

safariで画面の拡大縮小をさせない / 長押し時のメニューを表示させない

画面の拡大縮小をさせないためには以下のmetaタグを追加する。

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

長押し時のメニューを表示させないためには以下をCSSに追加する。

body {
    -webkit-touch-callout: none; // 長押し時のメニューを表示させない
    -webkit-user-select: none; // 長押しで文字を選択させない
}

参考:

http://blog.asial.co.jp/iphone/1147