みかづきブログ その3

3ヶ月つづけてみました。

IE10, IE11でページをピンチで拡大できないようにする

タッチデバイスがはびこる昨今。SafariやChomeは、

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

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

等のmetaメタタグでピンチによるズームをOFFにすることが多いと思います。

しかし、WindowsタブレットのIE10, IE11ではこれではOFFになりません。
IEで拡大をOFFにしたいときはCSSで、

body {
    -ms-content-zooming: none;
}

と指定しましょう。