禁用引導程序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中，它只是運行起來如同響應這樣的：

我可以在我的iframe的頁頭看到CSS文件是無響應的自舉版本。

我的問題是：

由父頁面的CSS得到覆蓋iframe的CSS。我期望不，所以你爲什麼會認爲模板不能在桌面模式下在iFrame中加載？

爲什麼它不符合每個引導程序指令沒有元標記的視口？

什麼可能導致頁面底部的文本不能與頁面的其餘部分一起縮放？

Answer 1

是獨立的 - 它使用它自己的html結構，因此它是自己的樣式。

不理解「發票」頁面的內容就無法回答您的問題。