OnsenUIアプリでピンチアウト、ピンチインを有効にする

はじめに

Onsen UIでは、ピンチアウト、ピンチインができないようにstyleで制御している。
アプリのコンテンツにもよるが、ピンチアウト、ピンチインが利用したい場合があるので、その方法を記す。

方法

CSSに以下の記述を追記する。

body,ons-splitter,.tabbar__content {
  touch-action: auto !important;
}

bodyは必須。
ons-splitterや.tabbar__contentはコンポーネント利用していれば指定する。