두 방향 모두에서 전체 페이지 너비로 iPad에서 확대/축소를 고정하는 방법은 무엇입니까?

Question

고정 폭 (1040px)의 페이지가 있습니다. 여러 가지 이유 때문에 세로 모드와 가로 모드에서 페이지의 전체 너비를 표시하려면 iPad에서 잠근 상태로 고정해야합니다.

나는 이벤트 처리기에 다음 코드를 포함 orientationchange 트리거가 있습니다

if (isLandscape) { 
    viewportMeta.content = 'width=1024,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0'; 
    console.log('--> landscape'); 
} 
else { 
    viewportMeta.content = 'width=768,initial-scale=0.75,minimum-scale=0.75, maximum-scale=0.75'; 
    console.log('--> portrait'); 
} 
console.log('viewportMeta.content:'); 
console.log(viewportMeta.content); 

이 코드는 초기 페이지 렌더링을 위해 잘 작동하고 나는 페이지 렌더링시 장치의 방향을 바꾸더라도,하지만 난의 방향을 바꾸 경우 페이지가 렌더링 된 후 장치가 비참하게 실패합니다. 가로 페이지의 크기가 0.75이고 세로 페이지의 크기가 1.0으로 조정됩니다.

내가 this old page에 읽고 있어요 (어떻게? 적용)이 불행하게도

장치가 세로 모드에서 가로 모드로 회전 모바일 사파리 혼잡이 최대의 버그, 또는 좀 더 가능성이 잘못 기능, . 초기 규모는 전체 페이지로드에서만 적용됩니다.

모바일 사파리가 새로운 확대/축소를 준수하려면 어떻게해야합니까? 어떻게 든 다시 렌더링해야합니까?

Answer 1

내 문제에 대한 해결책은 예상했던 것보다 훨씬 단순 해졌고 자바 스크립트가 필요조차 없습니다. (내가 함께 일하고 있어요 기존의 코드는 내 기대를 높였다.)

I하기 만하면 폭을 설정하고 아이 패드가 자동으로 스케일링을 담당 :

<meta id="viewport" name="viewport" content="width=1040,user-scalable=no"> 

보너스를 : 나는 안드로이드와 함께이 시도 작동하지 않습니다. 이 경우 자바 스크립트에서 눈금을 설정해야합니다.