windowsタブでIE Edgeをピンチして拡大するのをキャンセルする

Question

html {
    -ms-touch-action: none;
    touch-action: none;
}

でスワイプでブラウザーが動くのは防げましたがピンチでブラウザーが拡大されるのが防げません。

いや防げるのですが、中に

overflow: scroll

の要素があるとそこでピンチが効いてしまいます。

防ぐ方法知っていたら教えてください。
スワイプでスクロールするのは消したくないです。

-ms-touch-action: none !important;
touch-action: none !important;

つけてもだめです

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

は書いてあります。

Answer 1

head内に

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
```と書くとandroid等のブラウザでは「強制的にズームする」のような設定がされていない限りズームできないよになります。ただWinタブではテスト環境がなかったため調べられていません。

Comments

[kimurayutaka]

すみません、それも付いています。書いていませんでした。ありがとうございます。すみません

[kimurayutaka]

書いておきます

[Diawel]

そうでしたか...
もし無理やりやるんだったら2タップ以上されたときにpreventdefaultするくらいですかね。

[Diawel]

IEの場合は
body {
-ms-content-zooming: none;
}
と指定するといいようです。(ちなみにAndroidではズームできてしまいました)

[kimurayutaka]

IE, Edgeで直りました。
ありがとうございます！

[kimurayutaka]

とても助かりました

[Diawel]

良かったです(^^)