Window.innerHeight與引導程序衝突

我向現有網頁添加了引導程序。該網頁使用Javascript來調整內容大小，因此Window.innerHeight與引導程序衝突

var containerHeight = window.innerHeight - header - footer

被使用了幾次。

由於我添加了引導程序，所以在每個頁面的初始化加載/刷新之後，<html>的高度是錯誤的（意味着水平滾動條出現），其中window.innerHeight被調用。「額外」區域爲純白色，並且debbuging工具告訴我，此區域位於<body>之外，並且位於<html>區域的jsut部分之外。

任何操作（調整窗口大小，背景事件，真的是任何事情）會將高度重置爲正確的100％，並且水平滾動條消失。

一旦我對window.innerHeight進行評論，問題就會消失。只是打電話！該行會導致該問題，即使結果值未應用。

這工作得很好：

//var containerHeight = window.innerHeight - header - footer 
//$('.someClass').css('height',containerHeight)

這不

var containerHeight = window.innerHeight - header - footer 
//$('.someClass').css('height',containerHeight)

（同樣適用於$(window).height() BTW）

如何解決這個而不刪除引導。

此外，我拿出bootstrap.js文件，以測試是否有任何衝突的腳本。

我改名的變量幾次，也希望看到他們是否會以某種方式與任何引導組變量衝突......

我測試了max-height=100%;和東西一樣，但它並沒有爲工作我。

就我所知，這個問題只發生在IE9中。不幸的是，我必須使用這個瀏覽器，因爲我的公司已經將它作爲標準瀏覽器。

我通過的NuGet，包管理器獲取的引導文件，因爲我與ASP.NET

工作

請讓我知道，如果你需要更多的信息，我會很樂意爲他們提供。

來源

2015-09-29 print x div 0

好的，我「蠻力被迫」通過bootstrap.css（註釋上半年，檢查，然後第二半部分和重複用於剩餘區域）

只要我註釋這一部分：

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
{ 
position: relative; 
min-height: 1px; 
padding-right: 15px; 
padding-left: 15px; 
}

問題解決了。

如果有人能向我解釋這個，我會接受相應的答案！

來源

2015-09-29 15:27:16

Window.innerHeight與引導程序衝突

回答

相關問題