响应式设计：移动版网站在加载时显示完整版本

我正尝试使用CSS和jQuery构建我的网站的移动版本。网站工作正常，但当页面仍然在移动浏览器中加载时，它会显示完整版本的网站，然后在页面完全加载时显示移动版本。最后一次，即使我做了不同的网站为移动相同的域名使用：响应式设计：移动版网站在加载时显示完整版本

if($(window).width()<500){window.loacation('mobile.webtsite.com')}

仍然我有同样的问题。不过这次我做的是：

if($(window).width()<500){ 
     $("#linkCss").attr('href','styles/mobile.css'); 
     var high=$(window).height()*60/100;

如果您改用媒体查询，那就没问题了。或者在***加载dom之前完成脚本*** - 这意味着它只是包含一些移动版本的CSS资源，没有涉及DOM（尚未加载）。 –

文档准备语句之前，只需调用你的函数。

<script> 
    thisWillFireImmediately(); 

    $(function() { 
     thisWillFireOnDocumentReady(); 
    }); 
</script>

2017-04-01 04:25:31

非常感谢！ –

试着将你的脚本标签与上面的代码页的正文之前在你的头标记。

<head> 
<script> 
    if($(window).width()<500){ 
    . 
    . 
    . 
    } 
</script> 
</head> 
<body></body>

2017-04-01 04:31:10

回答