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

【问题标题】：Responsive design: Mobile version of site shows full version while loading响应式设计：移动版网站在加载时显示完整版
【发布时间】：2017-08-26 10:33:26
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

<script>
   thisWillFireImmediately();

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

【讨论】：

【解决方案2】：

尝试将带有上述代码的脚本标记放在 head 标记中的页面正文之前。

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

【讨论】：