2013-02-04 2 views
0

저는 여기에 몇 가지 자바 스크립트 그래픽을 사용하고 있으며 Firefox에서 window.innerHeight (또는 outerHeight) 값에 의존 할 수 없다는 것을 알고 있습니다. 우분투 12.04를 firefox 18.0.1과 함께 사용하고 있으며, 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> 
+0

이 페이지를 확대했을 수 있습니까? 확대/축소는 CSS 픽셀의 innerHeight를 변경합니다. –

+0

그게 전부였습니다! 도움을 주셔서 감사합니다. 답변으로 게시하면 받아 들일 것입니다. – Smerk

답변

2

문제는 아마 인 CSS 픽셀의 크기와의 따라서 크기를 변경 브라우저의 줌을 사용 (물론, 확실히 위의 의견을 제공) : 여기에 내가 사용하고 코드의 골격이다 CSS 픽셀의 뷰포트.

관련 문제