html - オーバーフロー div は、iPad でズームをピンチすることはほとんどできません

Question

#wrapper div をラップする #viewport div を作成すると、

    #viewport{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    overflow-y:scroll;
     -webkit-overflow-scrolling: touch;
    }
   #wrapper{
    width:100%;
    overflow-x:hidden;

    }

    <div id='viewport'>
       <div id='wrapper'>
       <!--Web Content Here -->
       </div>
    </div>

Ipad ではズームを簡単にピンチすることはできません。ズームをピンチする前に、画面上で最初に 2 本の指で動かずに 2 本の指で静的にタッチする必要があります。非常に不便です。解決策はありますか? ありがとうございました！