javascript - 部署 Django 后纯 css javascript 不工作

标签 javascript html css django yui-pure-css

我在我的一个 Django 元素中使用纯 css 和 bootstrap,当我在本地机器上运行时一切正常。但是在我部署之后,它看起来不一样了。我本地机器上的字体快照是

enter image description here

但在我将其部署到 digital ocean 后,字体宽度增加了。部署后它现在的样子的快照是

enter image description here

直播地址为 http://getfbstuff.com .我贴出head的html代码

{% load staticfiles %}
<head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">

      <title>Get Facebook Stuff</title>

      <link rel="stylesheet" href="{% static 'downloader/pure-market.css' %}">
      <link rel="stylesheet" href="{% static 'downloader/baby-blue.css' %}">
      <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap.css' %}"/>
      <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap.min.css' %}"/>
      <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap-responsive.css' %}"/>
      <link rel="stylesheet" href="{% static 'downloader/style.css' %}">

      <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/pure-min.css">
      <script src="http://use.typekit.net/ajf8ggy.js"></script>
      <script>
          try { Typekit.load(); } catch (e) {}
      </script>

</head> 

我认为这个 javascript 有问题

 <script src="http://use.typekit.net/ajf8ggy.js"></script>
 <script>
     try { Typekit.load(); } catch (e) {}
 </script>

不知道该怎么做。任何帮助将不胜感激。提前致谢

最佳答案

如果您安装了 Chrome、Firefox 或 IE(带有 Web 开发人员工具),请查看控制台调试器,有一些依赖项未按预期路径加载。

您是否已将生产服务器设置为 serve static content ?您似乎也有跨域问题。

关于javascript - 部署 Django 后纯 css javascript 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18567606/

相关文章:

javascript - 无法将复选框设置为选中

javascript - 带有三个按钮的弹出窗口

css - 如何访问 shinyapps.io 上应用程序的 R+Shiny 代码?

PHP 和 CSS - 我应该链接还是包含?

javascript - Angular js $state.go 参数不起作用

javascript - 链接、 Controller 和编译函数中的各种注入(inject)是什么?

html - 在文档片段中查找注释或文本节点

javascript - 如何使用 overflow-y 滚动到 div 中的元素

javascript - CTRL+F 键盘事件未打开查找

html - Font Awesome 图标悬停在文本之外