我可以爲iPad指定縱向和橫向的初始視圖比例嗎？

我有一個meta規則添加到我的網站，所以ipad縮放一切，我只希望這發生在橫向模式，當用戶改變方向爲肖像或如果用戶在縱向模式下加載頁面我想要的比例更改爲1，並將整個頁面縮放以適合。我可以爲iPad指定縱向和橫向的初始視圖比例嗎？

我已經使用這段代碼。

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" />，但它不起作用。

任何想法爲什麼？我很想解決這個問題或知道是否有一個。

非常感謝您的幫助

來源

2012-11-09 Tara Irvine

我已經想通了，我需要添加/刪除畫像時，頁面加載，否則取向不正確重新調整。 –

您應該將您的評論置於「答案」中，並將其標記爲您的問題的答案。 :) – teewuane

我已經想通了，我需要添加/刪除畫像時，頁面加載，否則取向不正確重新調整。

***感謝teewuane

來源

2012-11-21 17:11:57

我可以爲iPad指定縱向和橫向的初始視圖比例嗎？

回答

相關問題