IFrameで開かれている場合、アプリケーションの幅がウィンドウに合わない

Question

Googleのウェブポータルに統合する必要のあるサードパーティのWebアプリケーションがあります。それを統合するiframeアプローチを使用しました。インラインフレームは、いくつかの巻物を持っ

：それは次のようになります。だから私は彼らのコードを調べなければならないし、彼らは幅がそれ未満であるので、iframeが余裕がない1280pxの周りにいくつかの静的な幅を保持していることが分かった。

しかし興味深いのは、サードパーティのアプリをipad（iframeなし、ブラウザのアドレスバーに直接）で実行すると、スクロールがなく、アプリがウィンドウサイズのipadに収まることです。私はipadのブラウザの幅が1280px（実際にはわからない）未満であると信じています。だから私はアプリがスクロールなしでどのようにウィンドウに収まるのだろうかと思う。彼らはデバイスベースの幅設定を行っていません。私はIpadのコードを調べて、bodyが1280pxに設定されていることを見ました。

ここでの質問は、ipadでどのように正しく動作し、iframeでアプリを実行するとデスクトップでスクロールするのを避けるのですか？

誰か助けてください！

Answer 1

html, body { 
 
    width: 1530px; 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 
.rightpane { 
 
    margin-left: 250px; 
 
    border: none; 
 
    width: 1280px; 
 
    height: 100%; 
 
} 
 
.leftnav { 
 
    position: fixed; 
 
    width: 250px; 
 
    height: 100% 
 
}

<div class="leftnav"> 
 
    left nav here 
 
    </div> 
 
<iframe class="rightpane" src="http://example.com/" />

最も簡単な解決策はただ1280pxにiframeの幅を設定することです。 ipadでは、ページ全体が正しく縮小表示されます。