2012-07-19 73 views
0

我有一個網站需要顯示的主屏幕寬度降低到480,然後切換到移動網站。原始網站太難以反轉響應,所以這是我想出的,它的工作原理,除了它需要改進,因爲它不反應設備的旋轉。在景觀中的大型手機上,主站點應顯示然後以縱向顯示回手機。我所嘗試過的一切都打破了我所做的工作。任何想法如何修改這個對設備旋轉作出反應,將不勝感激。jquery重定向屏幕寬度和設備旋轉

<script type="text/javascript"> 
    $(document).ready(function(){ 
     if($(window).width() < 480){ 
      window.location = "http://mobile" 
     } 
    }); 
</script> 

回答

1
<script type="text/javascript"> 
    $(window).on('load resize',function(){ 
     if($(window).width() < 480){ 
      window.location = "http://mobile" 
     } 
    }); 
</script> 

添加您DOM已準備就緒,如果你想加載所有資源的開發

+0

謝謝你之前重定向結合爲好,工作完美。是的,如果這種方法起作用,它仍然需要一些拋光。 – John 2012-07-19 03:13:00

+0

我可以建議你使用'window.location.replace(「http:// mobile」)'而不是window.location。對於這種重定向,它在瀏覽器歷史記錄中表現更好。 – 2012-10-25 10:21:11