スマホメニューを小さくする スマホ(iPhoneのみ確認済)

Question

前提・実現したいこと

iPhoneですと、スクロールすると自動的にメニューが小さくなります
下記ソースですと、小さくなりません
小さくする手法等あれば、教えて下さい

<style>
body,html{
width:100%;
height:100%;
}
</style>

<div style="width:100%;height:100%;overflow-y:scroll;overflow-x:scroll;-webkit-overflow-scrolling:touch">
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
</div>

試したこと

調べた結果昔の手法ではscrollToで小さくできたようですが、今はできないようです

Answer 1

ブラウザも関係しているんでしょうか？
Safariです