ブートストラップ3のレスポンスを無効にしてiframeにページを読み込む

Question

Boostrap 3.0の応答を無効にしてから、iframe内のページ（請求書テンプレート）を読み込みたいとします。

私のiFrame HTML/CSSは次のとおりです。

<div class="row"> 
    <div class="col-xs-12"> 
     <iframe id="frame" src="http://my.app/template/one/pdf/html" frameborder="0" scrolling="no"></iframe> 
    </div> 
</div> 

#frame { 
    max-width: 1190px; // A4 page dimension ratio 
    min-height: 1684px; 
    width: 100% !important; 
    height: 100% !important; 
    overflow: hidden; 
} 

私はinstructions hereに続いて、iPhone 5のモードでクロームにページをロードするときの応答を無効にすることができました。

私はページの先頭からのビューポート文を省略した場合、それは次のように画面の外にわずかロード：

私は（それは950広い作る）ビューポートのステートメントを追加した場合、それは完璧のようにロードしますこの：

<meta content="width=950" name="viewport"> 

私はその後、私のiframe内に配置し、それは同じように、最大​​動作しますこのような応答：

私は、CSSファイルは非応答ブートストラップのバージョンであることを私のiframeのページの頭の中で見ることができます。

私の質問は以下のとおりです。

は、親ページのCSSで上書きばかりのiframe CSSです。いいえ、そういうわけで、テンプレートがiFrameのデスクトップモードで読み込まれないと思うのはなぜですか？

なぜブートストラップ命令ごとにメタタグなしでビューポートに収まらないのですか？

ページ下部のテキストがページの残りの部分で拡大縮小されない原因は何ですか？

Answer 1

は独立しています - 独自のhtml構造を使用していますので、独自のスタイリングです。

「請求書」ページの内容を理解していなければ、ご質問にお答えすることはできません。