iPad의 세로보기 및 가로보기의 초기보기 배율을 지정할 수 있습니까?

Question

나는 내 사이트에 추가 된 메타 규칙을 가지고 있기 때문에 ipad가 모든 것을 스케일합니다. 사용자가 방향을 세로로 변경하거나 가로 모드에서 페이지를로드 할 때 가로 모드에서만이 옵션을 원합니다. 1로 변경하고 전체 페이지를 크기에 맞게 조정하십시오.

이 코드를 사용했습니다.

if(ipad){ 
      window.onorientationchange = function() { 

       var orientation = window.orientation; 
       var location = window.location.href; 
       gallery.rescale(); 
       if (orientation === 0) { 
        $('.galleria-thumbnails .galleria-image:nth-child(5n+5)').removeClass('last-thumb'); 
        $('.galleria-thumbnails .galleria-image:nth-child(4n+4)').addClass('last-thumb'); 
        $('.galleria-thumbnails .galleria-image:nth-child(4n+1)').addClass('next-thumb'); 
        $('.galleria-thumbnails .galleria-image:nth-child(1)').removeClass('next-thumb'); 



        $("body").addClass("portrait"); 

       } else if (orientation === 90) { 
        $('.galleria-thumbnails .galleria-image:nth-child(5n+5)').addClass('last-thumb'); 
        $('.galleria-thumbnails .galleria-image:nth-child(4n+4)').removeClass('last-thumb') 
        $('.galleria-thumbnails .galleria-image:nth-child(4n+1)').removeClass('next-thumb'); 

        $("body").removeClass("portrait");      

       } else if (orientation === -90) { 
        $('.galleria-thumbnails .galleria-image:nth-child(5n+5)').addClass('last-thumb'); 
        $('.galleria-thumbnails .galleria-image:nth-child(4n+4)').removeClass('last-thumb') 
        $('.galleria-thumbnails .galleria-image:nth-child(4n+1)').removeClass('next-thumb'); 

        $("body").removeClass("portrait"); 


       } else if (orientation === 180) { 
        $('.galleria-thumbnails .galleria-image:nth-child(5n+5)').removeClass('last-thumb'); 
        $('.galleria-thumbnails .galleria-image:nth-child(4n+4)').addClass('last-thumb'); 
        $('.galleria-thumbnails .galleria-image:nth-child(4n+1)').addClass('next-thumb'); 
        $('.galleria-thumbnails .galleria-image:nth-child(1)').removeClass('next-thumb'); 

        $("body").addClass("portrait"); 

       } 
      }  
     } 

이렇게하면 행마다 축소판을 세로와 가로 사이에서 변경할 수 있으며 잘 작동합니다.

각 방향 변경 규칙에 <meta name="viewport" content="width=device-width, initial-scale=0.85" />을 추가하려고했지만 작동하지 않습니다.

이유에 대한 아이디어가 있으십니까? 나는이 문제점에 대한 해결책을 원하거나 하나가 있는지 알고 싶다. 당신의 도움이

Answer 1

대단히

덕분에 나는 내가/추가 페이지가로드가 다른 방향이 올바르게 다시 조절되지 않을 때 초상화를 제거하는 필요를 알아 냈어요.

*** 덕분에 내가/추가 페이지가로드가 다른 방향이 올바르게 다시 조절되지 않을 때 초상화를 제거하는 필요를 알아 냈어요