我如何獲得移動Safari瀏覽器的高度？

我想加載一個div並將其絕對放置在移動Safari中 - 想一些像警告框。我如何獲得移動Safari瀏覽器的高度？

我試圖使用與頂部集的絕對定位的div至50％，餘量的一半高度/寬度：

#overlay-message { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    padding: 20px; 
    margin: -67px 0 0 -110px; 
    width: 220px; 
    height: 125px; 
}

但因爲我意識到，視口將是比固定位置不同在頁面上，並且當瀏覽器向下滾動時元素以偏移位置顯示。我想我可以嘗試使用基於window.pageYOffset值的javascript來移動位置，但不幸的是，這顯示0是否顯示了chrome。

我最後的想法是使用window.outerHeight-window.innerHeight來計算瀏覽器的Chrome高度，然後根據此值移動div，但不幸的是這不起作用。

我試過（W/jQuery的）：

$(window).load(function() { 
    chrome_height = window.outerHeight - window.innerHeight; 
    alert('chrome height is ' + chrome_height + ' outerheight: ' + window.outerHeight + ', innerheight: ' + window.innerHeight); 
});

。但我發現是window.innerHeight和window.outerHeight都是一樣的 - 306（我已經有了Safari開發鉻） - 所以這似乎不起作用。

任何人都可以在正確的方向指向我嗎？

謝謝！

-simon

來源

2010-08-20 Simon

檢查我的回答類似的問題，可能會有點幫助http://stackoverflow.com/questions/8205812/jquery-js-ios-4-and-document-height-problems – 2013-03-30 11:32:05

-3

你就不能screengrab iPhone上的Safari然後將照片導入到Photoshop或相似，衡量它？還記得與「電源鍵，home鍵」拍攝的照片按鍵是兩次在屏幕上的實際大小，以便通過2

來源

2011-06-27 22:27:27 NonatomicRetain

我試圖動態獲取屏幕高度，以便可以基於偏移量在屏幕上顯示資產。不幸的是，你無法在iphone上加載photoshop;） – Simon 2011-06-28 04:41:59

本文describes the vewport problem，尤其是當你非視網膜尺寸的宏偉悲壯點除以你身高爲window.innerWidth/Height和視網膜使用window.ourerWidht/Height

來源

2013-04-05 11:11:35 Dan

我如何獲得移動Safari瀏覽器的高度？

回答

相關問題