Question

我正在研究一些javascript svg图形，我发现我真的不能依赖于Firefox上window.innerHeight（或outerHeight）的值。我正在使用firefox 18.0.1运行Ubuntu 12.04，在1366x768屏幕上，firefox返回一个window.innerHeight值为283. Chrome在同一屏幕上返回656.是否有任何理由存在这种巨大的差异？我一直在寻找找到这个问题的人，但我找到的只是一个封闭的jquery ticket。这是我正在使用的代码的骨架：

<!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>

Answer 1

问题可能是（好的，绝对是上面的评论）使用浏览器的缩放，这会改变CSS像素的大小，从而改变CSS像素中视口的大小。

Firefox window.innerHeight太小了

1 个答案: