在響應式網站中爲移動用戶禁用橫向模式

我有一個網站，這是一個響應式（有一個單獨的移動媒體查詢）。它在縱向方向上看起來很棒，但是在橫向上很混亂，所以我們希望在我們修復之前禁用移動設備的橫向方向（至少iOS的iOS爲&）。我試圖用vieport meta標籤來做這件事，但它並沒有太多的作用，除了顯示我正確的縮放並且不允許用戶縮放，但仍然允許改變方向。在響應式網站中爲移動用戶禁用橫向模式

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

我該如何達到這樣的效果？

來源

2014-10-17 pakalbekim

唯一的解決方法，我可以想出，是根據window.orientation

$(window).bind("orientationchange", function(){ 
    var orientation = window.orientation; 
    var new_orientation = (orientation) ? 0 : 180 + orientation; 
    $('body').css({ 
     "-webkit-transform": "rotate(" + new_orientation + "deg)" 
    }); 
});

這是一個危險的方式，但認爲它的唯一的方式轉動你的身體或包裝。

替代方法是您可以綁定到窗口大小調整事件。

$(window).bind("resize", function()

來源

2014-10-17 11:33:31

在響應式網站中爲移動用戶禁用橫向模式

回答

相關問題