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>

Answer 2

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

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