Question

我已经定制了一些模板，出于某种原因，在某些浏览器的第一个条目上没有加载CSS。什么是最糟糕的，它也没有第一次在手机上加载。我认为cloudflare应该受到责备，我已经禁用了它，问题仍然存在。

网址为：http://www.vodoinstalaterbeograd.net

任何建议都表示赞赏！

Answer 1

您已将主要css样式放在<noscript></noscript>标记内。至少尝试将主要的css样式从标签中取出并在其中加入额外的样式：

<link href="css/style.css" rel="stylesheet" type="text/css"/>
<noscript>
<link href="css/skel.css" rel="stylesheet" type="text/css"/>
<link href="css/style-xlarge.css" rel="stylesheet" type="text/css"/>
</noscript>

甚至完全删除<noscript></noscript>因为我觉得你不需要它。

Answer 2

在页面顶部，我看到：

<script data-rocketsrc="js/jquery.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/jquery.scrolly.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/jquery.dropotron.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/jquery.scrollex.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/skel.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/skel-layers.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/init.js" async type="text/rocketscript"></script>

在底部：

<script type="text/rocketscript">
  var _paq = _paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//www.stats.vaskir.com/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', 3]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>

我猜是页面正在加载（没有样式），页面页面脚本的结尾会触发，而Javascript会导致脚本加载＆amp;执行，格式化您的页面。尝试按照代码的方式编辑脚本tage，以证明是这种情况，然后理解它正在做它需要的东西。

可能就像在脚本标记之后将页面底部的代码放在顶部一样简单。

刷新一切正常后，HTML不加载CSS。同样在移动设备上，它不适用于首次加载

2 个答案: