みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

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;
}

と指定しましょう。