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

Question

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

这就是我在 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>

Answer 1

试试这个...注意，您只需要确定如果屏幕尺寸小于您确定的尺寸会发生什么。如果不满足此标准（即屏幕尺寸较大），则不会发生任何事情。

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

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

此外，不要忘记将其放在您的脑海中，最好是在您的标题标签上方，并与类似的元标签分组。

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