javascript - 响应式设计 : Mobile version of site shows full version while loading

Question

我正在尝试使用 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;

Answer 1

只需在文档就绪语句之前调用您的函数即可。

<script>
   thisWillFireImmediately();

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

更多信息:Running jQuery code before the DOM is ready?