重定向到与窗口宽度相关的内部页面

时间:2013-09-16 23:14:23

标签: javascript redirect mobile window.location

所以我正在创建一个移动网站,但我希望它将我的主页重定向到内部页面,具体取决于用户是否在手机上

这就是我在index.html

的头部所拥有的
<script>

    $(window).ready(function(){
        function() {
            if( window.width <= 770 ){
                window.location = "http://dylanstewartcreative.com/print.html"
                } else {
                    window.location = "http://dylanstewartcreative.com/index.html"
                    }
            }       
    });
</script>

1 个答案:

答案 0 :(得分:0)

试试这个......注意,您只需要确定如果屏幕尺寸小于您确定的尺寸会发生什么。如果不符合此标准(即屏幕尺寸较大),则不会发生任何事情。

将其放在index.html文件的头部

<script>
<!--//
if (screen.width <= 534) {
document.location = "/Mobile/";
}
//-->
</script>

此外,请不要忘记将它放在脑中,最好是在与类似元标记分组的标题标记上方。

<meta name=viewport content="width=device-width,initial-scale=1.0">