0

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

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

2 回答 2

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

如果您想在加载所有资源之前重定向，请添加 DOM 就绪绑定

于 2012-07-19T02:50:17.887 回答
0

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

如何在 JavaScript/jQuery 中重定向到另一个网页？

于 2012-07-19T02:42:27.087 回答