ＰＣブラウザで見る場合と、スマホで見る場合（縦横の判別）でレイアウトを変えようと試行錯誤（ググった）結果です
※javascriptが苦手なのでCSSのメディアクエリでやれました。
htmlとかあんまり得意でないので的外れ感(CSS全部中に書いてしまったり、、)あるかもしれません。。。
スマホ横向き・ＰＣだとコンテンツ横並び、スマホ縦向きだと縦並びにしています
test.html
<html><head><metaname=viewpointcontent="width=device-width,height=device-hight,user-scalable=no,inital-scale=1,maximam-scale=1"><style>@mediascreenand(max-width:750px),(orientation:portrait){<!--こちらにスマホ縦向き用のＣＳＳを書きます-->body{-webkit-text-size-adjust:100%;}.outside{display:block;width:100%;height:100%;}.outside.inside{display:block;width:100%;hight:50%;padding-right:0;padding-left:0;overflow:hidden;}}@mediascreenand(min-width:900px),(orientation:landscape){<!--こちらにスマホ横向き・ＰＣ用のＣＳＳを書きます-->body{-webkit-text-size-adjust:100%;}.outside{display:table;width:100%;height:100%;}.outside.inside{display:table-cell;vertical-align:middle;width:50%;hight:100%;padding-right:0;padding-left:0;overflow:hidden;}}</style></head><body><divclass=outside><divclass=inside><iframesrc="****1"scrolling=noframeborder="0"width=100%height=100%></iframe></div><divclass=inside><iframesrc="****2"scrolling=noframeborder="0"width=100%height=100%></iframe></div></div></body></html>