http://www.seomode.jp/html-css/2014/06/25/3339/
このサイトによるとviewportが数字で指定してある場合になる
対処法は
max-height: 100%;
全体のdivにかける
body div{
max-height: 100%; }
ただし
大きくなってほしい場合もあるが
#main_contents div{ max-height:none!important}
では駄目なようだ
一度100%で設定してしまうと
noneでも大きくならない
但し
一度
max-height: 100%; で指定して
のちにスマフォ用の分岐をいれていけば
いいのかなと思う
かってに大きくなると
こまるので
追記
ポップアップのdivが表示おかしくなったので たしか
/*モバイル用 文字が大きくならない*/ body div{ max-height: 200%; }
とした
また
iPhoneで文字が勝手に大きくなるのは
body { -webkit-text-size-adjust: 100%; }
こちら 同じ記事かくわ