Firefox window.innerHeight太小

我正在處理一些javascript svg圖形，我發現我真的不能依賴於Firefox上window.innerHeight（或outerHeight）的值。我使用firefox 18.0.1運行Ubuntu 12.04，在1366x768屏幕上，firefox返回一個window.innerHeight值爲283.Chrome在同一屏幕上返回656.是否有任何原因造成這種巨大的差異性？我搜索了四處尋找有這個問題的人，但我發現的只是一個封閉的jquery ticket。下面是我使用的代碼的骨架：Firefox window.innerHeight太小

<!DOCTYPE html> 
<html style="border-width: 0px; margin: 0px; width: 100%; height: 100%" xmlns="http://www.w3.org/1999/xhtml"> 
<!-- Head with some scripts and style --> 
<body> 
<svg xmlns="http://www.w3.org/2000/svg" 
xmlns:xlink="http://www.w3.org/1999/xlink" 
style="position:absolute; width:100%; height:100%" 
xmlns:ev="http://www.w3.org/2001/xml-events" version="1.1" baseProfile="full" 
preserveAspectRatio="xMinYMin meet" 
viewBox="0 0 1400 700" 
onload="Initialize(evt)"> 
    <script type="text/ecmascript"><![CDATA[ 
    Bunch of javascript here 
    ]]></script> 
<!-- SVG Element definitions --> 
</svg> 
</body> 
</html>

來源

2013-02-04 Smerk

您可能放大了本頁面嗎？縮放更改CSS像素中的innerHeight ... –

就是這樣！感謝您的幫助 - 如果您發佈這個答案，然後我會接受它。 – Smerk

這個問題可能是（當然，絕對會給上述評論）使用瀏覽器的縮放，這會改變一個CSS像素的大小和因此尺寸的CSS像素中的視口。

來源

2013-02-11 01:19:33

Firefox window.innerHeight太小

回答

相關問題