Question

我有一个网站需要向主网站显示屏幕宽度低至480，然后切换到移动网站。原始站点太难以反向响应，所以这是我提出的并且它可以工作，除了它需要改进，因为它不会对设备的旋转作出反应。在横向的大型手机上，主站点应该显示，然后以纵向方式返回到移动设备。我尝试的一切都打破了我的工作。任何想法如何修改它以响应设备旋转，将非常感激。

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

Answer 1

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

如果您想在加载所有资源之前重定向

，也可以添加DOM就绪绑定

Answer 2

看到这篇文章的第一个答案。我认为你需要一个不同的window.location命令。

How to redirect to another webpage in JavaScript/jQuery?

jquery重定向屏幕宽度和设备旋转

2 个答案: