canvas.height vs screen.availHeight 다른 값을 표시합니다.

Question

캔버스 높이와 screen.availHeight가 다른 값을보고했습니다. 이 내 코드입니다 :

canvas.height = document.height || document.body.clientHeight; 
canvas.width = document.width || document.body.clientWidth; 

내가 확인 :

alert("canvas.width = " + canvas.width + 
"/n canvas.height = " + canvas.height + 
"/n screen.availHeight = " + screen.availHeight); 

내가 얻을 :

canvas.width  = 1904 which seems correct; 
canvas.height  = 191 which is way out of order; 
screen.availHeight = 1040 which seems correct. 

내가 뭔가를 놓치거나 뭔가 잘못이 있습니까? 여기

Answer 1

는

canvas.height = document.height || document.body.clientHeight; 
canvas.width = document.width || document.body.clientWidth; 

당신은 브라우저 크기 http://www.w3schools.com/js/js_window.asp 경우

screen.availHeight 

availHeight 속성은 픽셀 단위로 사용자의 화면의 높이를 반환

, 마이너스 인터페이스 기능 등의 문서를 설정 Windows 작업 표시 줄.

http://www.w3schools.com/jsref/prop_screen_availheight.asp

당신은 내가 다음과 같은 작은 스타일 트릭을 수행 찾을 일부 추가 연구 후 Math.max(window.innerHeight, document.body.clientHeight)