0

ここでいくつかの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>
4

1 に答える 1

2

問題はおそらく (上記のコメントを考えると間違いなく) ブラウザのズームの使用です。これにより、CSS ピクセルのサイズが変更され、ビューポートのサイズが CSS ピクセル単位で変更されます。

于 2013-02-11T01:19:33.837 に答える