iPad에서 키네틱 JS 스테이지 크기가 올바르지 않음

새로운 운동 단계를 만들었고 Chrome에서 제대로 작동합니다. iPad에서 Safari의 개발자 도구를 사용하고 iPad에 연결하여 만들어진 DOM을 확인하면 새 단계의 크기가 내가 지정한 것과 다릅니다.iPad에서 키네틱 JS 스테이지 크기가 올바르지 않음

주 : 너비와 높이에 실제 숫자를 지정해도 상관 없습니다. 같은 문제, 무대는 항상 iPad에서 768 x 361이 될 것입니다.

////// STAGE ///////// 

    var stage = new Kinetic.Stage({ 
     width: window.innerWidth, 
     height: window.innerHeight - 200, 
     container: 'kineticStage', 
     draggable: true 
     });

// 참고 : 다음 행은 데스크탑 브라우저 콘솔에서 예상 한 것과 정확히 동일한 스테이지 높이를보고합니다.

console.log(stage.getHeight()); // reports (screenheight - 200)

그러나, 사파리 개발 도구합니다 ... 아이 패드에 DOM에 다음과 같은보고

캔버스 너비 = "768"높이 = "361"스타일 = "여백 : 0 픽셀, 여백 : 0 픽셀; 국경 : 0 픽셀, 배경 색상 : 투명; 위치 : 절대; 최고 :

한가지 더 ...이 기능을 추가 할 경우 ...

function resize() { 

    stage.setWidth(window.innerWidth); 
    stage.setHeight(window.innerHeight-200); 
    stage.draw(); 

}; 

window.addEventListener('resize', resize, false);

그런 다음 아이 패드, THEN 캔버스 크기를 조절 회전 맞아.하지만, 전나무에 결코 시간로드 ...

어떤 아이디어?

출처

2014-01-09 JSdc

OK 나는 문제를 찾기 위해 노력하고 2 일 후이 게시, 갑자기 나는이의 발견 :

<meta name="viewport" content="width=device-width">

그 라인이 문제를 해결 삭제.

출처

2014-01-09 14:30:06 JSdc

iPad에서 키네틱 JS 스테이지 크기가 올바르지 않음

답변

관련 문제